Abo
  • IT-Karriere:

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.

Artikel veröffentlicht am ,
Normalize.css von Nicolas Gallagher und Jonathan Neal integriert
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 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++

Stellenmarkt
  1. TenneT TSO GmbH, Bayreuth
  2. BWI GmbH, Nürnberg, Pfungstadt, Rheinbach

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 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 zum Download bereit. Dort finden sich auch die Release Notes mit einer detaillierten Aufstellung der Änderungen.



Anzeige
Top-Angebote
  1. (u. a. GTA 5 12,49€, GTA Online Cash Card 1,79€)
  2. (aktuell u. a. Dell-Notebook 519€, Dell USB-DVD-Brenner 34,99€)
  3. 88,00€
  4. 107,00€ (Bestpreis!)

gisu 14. Aug 2011

Was hat das mit Modernizr zu...

gisu 12. Aug 2011

Und wen Störts? Dich? Dann würde ich spontan auf Neid Syndrom tippen. Paul so selbst...


Folgen Sie uns
       


Honor 20 Pro - Hands on

Das Honor 20 Pro ist das neue Oberklasse-Smartphone der Huawei-Tochter. Als Besonderheit gibt es eine Vierfachkamera, um für möglichst viele Objektivsituationen gewappnet zu sein. Hinweis vom Hersteller: "Bei den gezeigten Geräten der Honor-20-Serie handelt es sich um Demoversionen, die sich in Aussehen und Funktion von der finalen Version unterscheiden können."

Honor 20 Pro - Hands on Video aufrufen
Projektorkauf: Lumen, ANSI und mehr
Projektorkauf
Lumen, ANSI und mehr

Gerade bei Projektoren werden auf Plattformen verschiedener Onlinehändler kuriose Angaben zur Helligkeit beziehungsweise Leuchtstärke gemacht - sofern diese überhaupt angegeben werden. Wir bringen etwas Licht ins Dunkel und beschäftigen uns mit Einheiten rund um das Thema Helligkeit.
Von Mike Wobker


    Forschung: Mehr Elektronen sollen Photovoltaik effizienter machen
    Forschung
    Mehr Elektronen sollen Photovoltaik effizienter machen

    Zwei dünne Schichten auf einer Silizium-Solarzelle könnten ihre Effizienz erhöhen. Grünes und blaues Licht kann darin gleich zwei Elektronen statt nur eines freisetzen.
    Von Frank Wunderlich-Pfeiffer

    1. ISS Tierbeobachtungssystem Icarus startet
    2. Sun To Liquid Solaranlage erzeugt Kerosin aus Sonnenlicht, Wasser und CO2
    3. Shell Ocean Discovery X Prize X-Prize für unbemannte Systeme zur Meereskartierung vergeben

    Endpoint Security: IT-Sicherheit ist ein Cocktail mit vielen Zutaten
    Endpoint Security
    IT-Sicherheit ist ein Cocktail mit vielen Zutaten

    Tausende Geräte in hundert verschiedenen Modellen mit Dutzenden unterschiedlichen Betriebssystemen. Das ist in großen Unternehmen Alltag und stellt alle, die für die IT-Sicherheit zuständig sind, vor Herausforderungen.
    Von Anna Biselli

    1. Datendiebstahl Kundendaten zahlreicher deutscher Firmen offen im Netz
    2. Metro & Dish Tisch-Reservierung auf Google übernehmen
    3. Identitätsdiebstahl SIM-Dieb kommt zehn Jahre in Haft

      •  /