Da das Web von Tag zu Tag neue und zum größten Teil auch gute Technoligien hervor bringt, möchte ich euch heute CSS3 und HTML5 etwas näherbringen. Die ersten Hürden die es zu überwinden gilt, um auf diese Technologie zugreifen zu können, sind größtenteils die Browser die ein blaues Logo besitzen und aus Redmond stammen.

Falls man aber nicht auf die Kompatibilität verzichten möchte, sollte man auf Modernizr zurückgreifen. Modernizr ist eine Javascript-Bibliothek, die einem Browser auf den Zahn fühlen kann, um dann ein Stylesheet für diesen Browser zusammenzustellen.

Auf der offiziellen Seite kann man sich die gerade mal 8kb große Javascript-Datei herunterladen. Um Modernizer zu verwenden muss man lediglich die Javascript Datei einbinden:

Mit Hilfe der no-js Klasse verhindert man, dass eine fehlende Javascript-Unterstützung dem Aufbau der Seite im Wege steht.

Doch wie sieht das in der Praxis aus? Modernizer bietet eher die Funktionalität eines "do if-statements". Er ruft abhängig von der Verfügbarkeit eines CSS3/HTML5 Features die vorher definierte CSS-Klasse auf. In diesem Beispiel sieht man die Anweisung für die Eigenschaft das ein Element mehrere Hintergrundbilder enhalten kann:

Wichtig ist noch zu sagen, dass Modernizer keine Funktionen zur Verfügung stellt, die in älteren Browser nicht vorhandenen sind, sondern lediglich erkennt, welche Features der Browser besitzt und dementsprechend die CSS-Klassen zusammenstellt.

Dank geht an Faruk Ate and Paul Irish für das in meinen Augen gelungene Projekt. Falls ihr Modernizer zwitschern hören wollt, folgt einfach @Modernizr auf twitter.