Im komprimierten Zustand ist Modernizr gerade einmal 7 KB groß. In wenigen Millisekunden testet es den Browser und macht mit den Ergebnissen zwei Dinge: Zum einen gibt es dann ein JavaScript-Objekt namens Modernizr, das sich entsprechend auslesen lässt, zum anderen werden dem html-Element  Klassen hinzugefügt, so dass man sie die unterschiedlichen Fälle in seinem CSS ansprechen kann. Es ist offenbar sogar möglich, neue semantische Elemente wie „section“ einzusetzen, weil sie im Fall der Fälle entsprechend ersetzt werden.

Die Seite zu Modernizr ist übrigens selbst eine Art Demo - zumindest für einige Möglichkeiten mit HTML5 und CSS3. Je nachdem, ob man sie beispielsweise mit Firefox, Safari oder Chrome betrachtet, sieht sie teils deutlich anders aus, weil eben auch die modernen Browser nicht alle künftigen Features unterstützen oder sie unterschiedlich interpretieren.

Wer sich für die Details interessiert, sollte am Besten einmal in die Dokumentation schauen, in der es jeweils recht anschauliche Beispiele gibt.

Weiterführende Links zu aktuellen HTML5-News auf t3n.de:

• HTML5: Eingabefeld mit Vorschlägen als Dropdownliste - t3n News
• 3D Web: Standards, Plugins und Frameworks auf einen Blick - t3n News
• HTML5: Überschriften und Einleitungen von Artikeln gruppieren - t3n News
• Webentwicklung: 5 Tools, um HTML5-Video in eine Website zu integrieren - t3n News
• Tooltipp: Videos in HTML5 konvertieren - t3n News