Zum Hauptinhalt Zur Navigation

Webdesign: HTML5 Boilerplate 2.0 mit normalize.css veröffentlicht

Rund ein Jahr nach der ersten Version haben Paul Irish und Divya Manian ihre HTML5 Boilerplate , eine Vorlage für moderne Webseiten, in der Version 2.0 veröffentlicht. Die neue Version enthält zahlreiche große und kleine Änderungen.
/ Jens Ihlenfeld
14 Kommentare News folgen (öffnet im neuen Fenster)
Normalize.css von Nicolas Gallagher und Jonathan Neal integriert (Bild: HTML5 Boilerplate)
Normalize.css von Nicolas Gallagher und Jonathan Neal integriert Bild: HTML5 Boilerplate

Die HTML5 Boilerplate 2.0 verwendet das von Nicolas Gallagher und Jonathan Neal entwickelte Framework normalize.css(öffnet im neuen Fenster) statt herkömmlichen Stylsheets, um eine einheitliche Ausgangsdarstellung über alle Browser und Geräte hinweg zu erreichen. Gallagher und Neal ergänzen dabei das Kernteam hinter der HTML5 Boilerplate. Für normalize.css haben sie eingehend untersucht, wie die Standard-Styles der einzelnen Browser aussehen, um ganz spezifisch nur die Stylesheets zu verändern, bei denen dies notwendig ist. Bisher hätte die HTML5 Boilerplate eher einen "Bulldozer-Ansatz" verfolgt, heißt es in der Ankündigung.

Build-Script++

Das Build-Script der HTML5 Boilerplate wurde überarbeitet und soll dank eines neuen Zwischen-Ordners rund fünfmal schneller sein. Wird CSS auf mehrere Dateien verteilt und werden diese mit @imports eingebunden, erzeugt das Build-Script daraus nun eine zusammenhängende CSS-Datei, was Entwicklern mehr Übersicht bieten soll, ohne dass sich die Ladezeit der Webseiten verlängert.

Zudem macht das Build-Script die Erstellung von Offline-Applikationen einfacher. Es erzeugt auf Wunsch automatisch eine Cache-Manifest-Datei und hält diese aktuell.

Werbung für Google Chrome Frame

Da Googles Chrome Frame nun auch ohne Administratorrechte installierbar ist, haben Irish und Maian eine Aufforderung zur Installation der Software in die HTML5 Boilerplate eingebunden, die Nutzern des Internet Explorer 6 angezeigt wird. Chrome Frame ersetzt die Rendering Engine von Microsofts veraltetem Browser durch Chrome.

Respond.js integriert

Die Integration von Respond.js(öffnet im neuen Fenster) soll dafür sorgen, dass Media-Querys praktisch überall genutzt werden können, auch im Internet Explorer in den Versionen 6 bis 8. jQuery wird jetzt in der minimierten Variante verwendet, derzeit in der Version 1.6.2. Modernizr kommt in der Version 2.0 Complete zum Einsatz. Die Datei handheld.css wurde aus der HTML5 Boilerplate entfernt. Gleiches gilt für belatedpng.

Die HTML5 Boilerplate steht unter html5boilerplate.com(öffnet im neuen Fenster) zum Download bereit. Dort finden sich auch die Release Notes mit einer detaillierten Aufstellung der Änderungen.


Relevante Themen