Doch eine zusammengefasste Übersicht gab es bislang nicht. Das ändert sich jetzt dank Divya Manian, Paul Irish und einigen anderen. Sie sind für “HTML5please” verantwortlich. Es handelt sich dabei um eine sehr schön zu bedienende Übersicht moderner Techniken mit einer knappen Einschätzung und eventuell warnenden Hinweisen. Es werden Empfehlungen gegeben, ob die Technik genutzt werden soll oder nicht. Wenn polyfills existieren werden Empfehlungen abgegeben.

Diese Übersicht ist eine wunderbare Möglichkeit für eine schnelle Orientierung in Sachen HTML5 und CSS3. Auch ihre Umsetzung selber ist elegant gelungen. Und wie alles, was Paul Irish so anfasst, ist die Seite über github erreichbar. Wir können uns also nicht nur beteiligen, sondern auch von den genutzten Techniken lernen. Divya Manion erzählt in ihrem Blog die Hintergründe zu diesem sehr empfehlenswerten Projekt.

Das Beste an der neuen Doku ist allerdings, dass sie kompakt und praktisch ist. Die alte Doku wollte noch die technischen Grundprinzipien erklären. Das machen heute Bücher wie “Little Boxes“. In meinen diversen Schulungen und meinen Uni-Kursen hatte ich den Eindruck, dass die umfangreiche Doku mehr als Belastung denn als Segen gesehen wurde. Die neue Doku lässt hingegen einen pragmatischen Umgang mit dem Framework zu. Das kommt meiner Interpretation von YAML als “Baukasten” auch sehr viel näher.

Schön sind die neuen Beispiele, die zudem auch nicht mehr allzu starke Rücksicht auf die alten IE nehmen. Die Beispiele funktionieren allerdings selbstverständlich auch im IE6 und 7, so wie das ganze Framework. Es wird nur nicht mehr in den Vordergrund gerückt. Die Zeit schreitet schließlich voran.

Letztes Jahr im Oktober gab ich schon einen Ausblick auf YAML4:

td:not(:first-of-type):not(:last-of-type){background: yellow}

Ein zweiter Versuch sah so aus:

td:not(:first-child):not(:last-child){background: yellow}

Das Ergebnis war nicht wie erwartet eine Gelbfärbung aller Tabellenzellen, bis auf die erste und die letzte. Vielmehr galt die Selektion pro Tabellenzeile. Ich habe ernsthaft gedacht, nicht die Tabellenzeile, sondern die Tabelle sei der absolute Bezugspunkt.

Nachtrag: nach ein paar wenigen weiteren Tests bin ich auf den Selektor gestossen, der mir innerhalb einer Tabelle alle Zellen, bis auf die erste und die letzte selektiert. Er sieht nicht intuitiv aus, funktioniert aber:

tr:first-of-type td:not(:first-of-type),
tr:not(:first-of-type):not(:last-of-type) td,
tr:last-of-type td:not(:last-of-type) {background: yellow}

Bei WPEngineer wird heute die Erstellung von mehrsprachigem Inhalt thematisiert.

Bei 24ways wird heute Frontendentwicklung als Handwerk betrachtet.

Im “HTML5 und CSS-Adventskalender” gab es gestern ein CSS3-Tic-Tac-Toe. Heute gibt es eine nette Spielerei als Weihnachtsgruss.

Der heutige Link des Mozilla-Adventskalenders dreht sich um einen Aspekt der Videoeinbindung.

Der CSS3-Adventskalender schließt mit einem großen Gewinnspiel ab.

Bei Smashingmagazine kann man sich heute die beiden großen Smashing-Bücher verbilligt im Bundle als E-Book und gedruckt kaufen.

Bei Sitepoint gibt es eine vergünstigte Mitgliedschaft bei Learnable. Wenn ich den Text richtig interpretiere, spart man 10 Dollar im ersten Monat.

Für die Webkrauts kümmert sich Matthias Mees heute um das Build-Skript des HTML5-Boilerplate. Ein interessantes Randthema. Im CSS3-Adventskalender schreibt Hans Christian Reinl über die Eigenschaft box-sizing.

Bei WPEngineer gibt es eine längere Betrachtung über die Trennung von Logik und Ausgabe sowie ein Vergleich zum MVC-Pattern. Im TYPO3-Adventskalender geht es heute um Filelist.

Im “HTML5 und CSS3-Adventskalender” ging es gestern um flex-box. Das heutige Türchen wird leider wieder erst nachmittags geöffnet werden.

Der Link des Mozilla-Adventskalenders dreht sich heute um HTML5-Audio in Spielen. Bei 24ways schreibt Andy Clarke über fluide Grids.

Das Smashingmagazine bietet heute das “Coding Bundle” mit den drei E-Boks “Mastering CSS”, “JavaScript Essentials” und “Mastering jQuery” für 9.99 Dollar, das sind weit unter 8 Euro. Dieses Angebot lohnt sich auf alle Fälle. Bei Sitepoint kann man sich heute aus allen bisherigen Adventskalenderangeboten das Passende auswählen.

Die Veranstaltung war prima organisiert, es gab unterhaltsame Vorträge und man konnte sich mit bis zu einhundert Gleichgesinnten prima in lockerer Atmosphäre unterhalten. In dieser Form bin ich gerne wieder dabei.

Bei WPEngineer erzählt uns Frank Bültge, wie man Felder zum Nutzerprofil bei Wordpress hinzufügen kann.

Im TYPO3-Adventskalender erzählt uns Sven Wolfermann heute etwas über “Responsive Design mit TYPO3“.

Im “HTML5 und CSS3-Adventskalender” ging es gestern um einen Parallaxeffekt mit multiplen Hintergründen auf einem Element. Eine tolle Spielerei. Das heutige Türchen wird wohl wieder erst nachmittags geöffnet werden.

Bei Sitepoint kann man sich heute jegliches E-Book für 9 Dollar kaufen – oder fünf Stück für zusammen 29 Dollar. Smashingmagazine verkauft heute ein E-Book über “Mobile Design” und ein HTML5-Template für 9.99 Dollar.

Der Link im Mozilla-Adventskalender dürfte vielen schon bekannt sein. Es handelt sich dabei um eine moderne, schnelle Oberfläche für die MSDN-Dokumentation. Bei 24ways schreibt Elliot Jay Stocks über Hobbyprojekte, auch unter dem Aspekt der Monetarisierung.

Der TYPO3-Adventskalender beschreibt die Nutzung der Erweiterung “gridelements”. Bei 24ways schreibt Simon Collison heute über Komplexität im Design. Der Link im Mozilla-Adventskalender ist heute etwas für Freunde von WebGL.

Bei Smashingmagazine bekommt man heute die beiden Smashing-Bücher als E-Book zum günstigen Preis. Bei Sitepoint kann man heute vergünstigte Gutscheine für Videotutorials von Learnable erwerben.

Im “HTML5 und CSS3-Adventskalender” ging es gestern in zwei spannenden Experimenten um die mengenabhängige Gestaltung mittels moderner Pseudoselektoren. Das heutige Türchen wird wohl wieder erst nachmittags geöffnet werden.