Dank Adobe könnten Texte auf Websites bald so gestaltet werden, wie es beispielsweise in InDesign möglich ist. Der kalifornische Software-Konzern hat zwei Vorschläge gemacht, wie sich Texte mit CSS in Form bringen lassen und wie sie auf unterschiedliche HTML-Elemente aufgeteilt werden können. Adobe und HTML Texte in Form bringen mit CSS-Exclusions Texte in HTML sind bislang immer beschränkt auf eine rechteckige Grundform. Im Printdesign...
Bei Terrashop gibt es zur Zeit eines der besten Fachbücher zum Thema CSS3 zu einem drastisch reduzierten Preis. Das Buch “CSS3 – Leitfaden für Webdesigner” geht für schlanke 14,99 € anstelle der sonst fälligen 39,80 € über die virtuelle Ladentheke. Unter unseren Leserinnen und Lesern verlosen wir zudem fünf Exemplare auf bewährte Weise. CSS3 – Leitfaden für Webdesigner Das Fachbuch “CSS3 – Leitfaden für...
Die Zeiten, in denen CSS rein mit der Hand geschrieben werden musste, sind schon seit einiger Zeit vorbei. In den letzten Jahren konnten sich immer mehr kleine Helferlein etablieren, die einzelne Aspekte des CSS-Design visuell unterstützen. Aus Spanien kommt eine neue Web-App, die vier Teilbereiche komfortabel abzudecken versteht. Die Entwickler des Dienstes CSS Matic sind alte Bekannte. Freepik.com und Thumbr.it zeichnen für CSS Matic...
Bei jedem Web-Projekt ist es angebracht und sinnvoll, den Quelltext auf Fehler und Einhaltung der Standards zu überprüfen. Statt seine Seite durch einen der vielen Validatoren zu schicken, kann man mit dem Diagnostik-Tool Holmes seine Website auch mit einer CSS-Datei auf eine nicht-valide und fehlerhafte HTML-Auszeichnung überprüfen. Holmes CSS-Datei einbinden und Seite checken Um Holmes nutzen zu können, muss die entsprechende Stylesheet-Datei im Kopf...
Typografie im Webdesign ist so eine Sache. Ist man sich möglicherweise noch schnell einig, dass ordentliches Schriftbild begrüßenswert ist, so scheitert es dann doch zumeist in der konkreten Umsetzung. Schön designte Websites mit weniger schöner Typografie sind entsprechend eher die Regel, denn die Ausnahme. Das selbsternannte Starterkit Typeplate tritt an, das zu ändern. Typeplate: Sass, LESS, Stylus, CSS Typeplate steht in verschiedenen Geschmacksrichtungen, die...
Es ist ja schön und gut, dass gängige Frameworks, wie etwa das 960.gs, die Definition und Verwendung gridbasierter Layouts vereinfachen. Eine optische Prüfmöglichkeit, um auch an den Details arbeiten zu können, bringen diese Frameworks jedoch nicht mit. So muss man sich auf die eigenen Augen verlassen und natürlich auf die Codequalität des Gridsystemlieferanten. Wer seine Grids frei baut, also ohne Toolunterstützung, weiß womöglich noch...
Das klassische Box-Modell war noch nie besonders intuitiv. In CSS3 wurde mit {box-sizing:border-box} eine Alternative vorgestellt, die besonders bei flexiblen Layouts fast nur Vorteile hat. Das klassische Box-Modell {box-sizing: content-box} Wenn Sie im analogen Alltag die Breite einer Kiste angeben, dann ist damit immer die Entfernung von einem Außenrand zum anderen gemeint, inklusive Innenabstand (padding) und Rand der Kiste (border). Beim klassischen Box-Modell ist...
Ist es nicht immer wieder erstaunlich, mit welchen Tools die Entwicklercommunity aufwartet? Während sich darunter viele sehr nützliche, teils unverzichtbare finden, gehören auf der anderen Seite auch etliche dazu, deren Sinn sich nicht auf den ersten, vielfach ebenso wenig auf den zweiten Blick erschließt. Heute habe ich je ein Tool von beiden Enden des Spektrums für Sie. Roole: CSS-Preprozessor auf der Basis von JavaScript...
Tooltipps in HTML-Seiten entstehen grundsätzlich automatisch, sofern man seinen Elementen das Title-Attribut mitgibt. Das wird nicht nur zur Generierung von Tooltipps, sondern auch als Text für Lesesysteme und zu anderen Zwecken verwendet. Die Interpretation ist vom verwendeten Browser abhängig. Wer mehr Kontrolle möchte, setzt bereits seit Jahren auf Lösungen mit JavaScript. Kashagra Gour legt nun mit Hint.css eine Alternative vor, die komplett auf CSS...
Mit der CSS3-Eigenschaft „transform“ lassen sich HTML-Elemente unter anderem kippen und somit in die Form eines Parallelogramms bringen. Allerdings wird durch die Verwendung dieser Eigenschaft das gesamte Element samt Inhalt gekippt, was mindestens bei Bildern in der Regel eine unerwünschte Optik nach sich ziehen wird. Die JavaScript-Bibliothek Maskew hingegen maskiert ein HTML-Element lediglich mit einem gekippten Rechteck (also einem Parallelogramm). Der eigentliche Inhalt wird...
Letzte Kommentare