Vorbereitung auf HTML5
Jon Tan zeigt, wie man sich dank semantischer Klassennamen und einfachem semantischem HTML (POSH) auf HTML5 vorbereiten kann: Preparing for HTML5 with Semantic Class Names.
Archiv für den Tag »HTML«
Sauberes Markup dank CSS
Diagnose-Styles oder diagnostic styles stellt Eric Meyer vor. Fehlerhaftes HTML wird so hervorragend gekennzeichnet (siehe Demo): Diagnostic Styling
Echte Html-Helferlein
Im Smashing Magazine verbergen sich in all dem Linkgewust auch kleine Helfer, die ganz nützlich sein können. Andere wiederum sind eher überflüssig oder gar nutzlos.
Es kommt zwar selten vor, aber ab und an ist man ohne eigenes Notebook und die geliebten Programme unterwegs (auf Onkel Klausens 60stem), wenn einen der Hilferuf eines redaktionsbedürftigen Kunden [...]
HTML in Bildern
Eine illustre Sammlung rund um HTML-Elemente gibt es hier zu bestaunen: HTML Tags illustrated.
Fehlen nur noch die ensprechenden alt-Attribute. Diese Illustration geht mir persönlich ein wenig zu weit.
Mit HTML kann man nciht nur Bilder beschreiben sondern auch wunderbar welche malen.
Breadcrumb-Navigation nach Apple-Vorbild
Sehr schlicht ist die Brotkrumen-Navigation der apple.com-Website:
Und dieses Menü lässt sich ganz leicht per CSS selbst gestalten. Dazu verwenden wir folgendes HTML-Gerüst:
<div class=”breadcrumbs”>
<a href=”/”>Home</a>
<span>></span>
<a href=”/”>Beispiel</a>
<span>></span>
<em>Breadcrumbs</em>
</div>
Bei deaktiviertem CSS wird der Aufbau deutlich:
Home > Beispiel > Breadcrumbs [...]
Unterschiede zwischen HTML5 und HTML 4
Ein “Editors Draft”, verfasst von Anne van Kesteren, des W3C zeigt die Unterschiede von HTML5 im Vergleich zu HTML 4 auf: HTML5 differences from HTML4
Kleine Linkschleuder
Eine unkommentierte Linksammlung zu allerlei neuen Perlen des (Web-)Designs.
Vitamin: Steve Ellis “Give your web app international appeal”
Software Developer: “Designing on a Dime: 100 Freebie CSS Resources”
Joe Clark, “Zoom layouts” (schon etwas älter, aber ein hervorragender Überblick)
Uday Gajendar “What Does Rich Mean?”
Grid Calculator
Warum HTML5, wenn wir doch XHTML2 haben?
Andrea Gandino stellt sich genau diese Frage: Wozu in aller Welt brauchen wir eine Weiterenwicklung von HTML, wo wie doch XHTML haben?
But, to cut it very short, XHTML is the current standard, end of story. Under this perspective, the sense of starting to work again on HTML and, above all, doing it founding from scratch [...]
Nützliche Seitentitel
Auch der Titel einer Seite ist wichtig für die Orientierung des Nutzers auf unseren Seiten. Jonathan Snook befasst sich mit dem “Usable Page Title”.
Typographie im Web
Wenn eine Sache über all die Jahre hinweg stiefmütterlich im Webdesign behandelt wurde, dann ist es die Typographie. Doch dank moderner Techniken haben Webdesigner wieder Kontrolle über das Schriftbild auf Webseiten. Lange konnten lediglich Schriftart und -größe festgelegt werden, doch mittels CSS gewinnt auch die Typographie wieder eine (wenn auch eingschränkte) Bedeutung im Web. Mittels [...]
