HTML5 Boilerplate

Stehen Sie noch am Anfang Ihres HTML5-Abenteuers, sollten Sie sich das Open-Source-Tool HTML5 Boilerplate [11] ansehen. Bei Boilerplate handelt es sich um eine sehr professionell gemachte HTML/CSS/JS-Vorlage, die als Ausgangsbasis für eigene HTML5-Projekte dient. HTML5 Boilerplate wurde von Paul Irish entwickelt, einem Entwicklungsingenieur von Googles Chrome-Team, und steht aktuell in der Version 3.0 zum freien Download auf der Projektseite sowie auf Github [12] bereit. Sie finden dort sowohl eine hervorragend dokumentierte Version als auch eine ausschließlich aus Code bestehenden, abgestrippte Variante.

HTML5 Boilerplate vereinfacht dank Cross-Browser-Normalisierung, eingebauter Performance-Optimierungen und vieler weiterer Funktionen wie etwa Cross-Domain-Ajax das Arbeiten mit vielen HMTL5-Funktionen. Das Paket enthält unter anderem eine für Einsteiger recht nützliche .htaccess-Konfigurationsdatei. Sie bietet brauchbare Voreinstellungen wie eine Reihe von Standard-Caching-Regeln oder Einstellungen für das effiziente Wiedergeben von HTML5-Video. Zudem erlaubt HTML5 Boilerplate das einfache Verwenden von @font-face-Schriften sowie das komprimierte Ausliefern der auf der Website verwendeten Ressourcen.

Abbildung 5: Das Highlight von HTML5 Boilerplate stellt die mitgelieferte .htaccess-Datei dar.

Modernizr

Paul Irish hat zusammen mit Faruk Ates neben Boilerplate mit Modernizr [13] eine quelloffene Javascript-Bibliothek entwickelt, die bei Webdesignern ebenfalls viel Anklang findet, das sich mit ihr Darstellungsfehler von CSS3- und HTML5-Webseiten auf älteren Browsern verhindern lassen.

Laut Dokumentation [14] erkennt Modernizr, ob der jeweilige Browser HTML5 unterstützt, und ersetzt gegebenenfalls fehlende Funktionen durch "gewöhnlichen" HTML-Code, was eine gewisse Abwärtskompatibilität ermöglicht. Der Sinn des Ganzen besteht vorrangig darin, dass sich Entwickler mit HTML5 vertraut machen können, ohne Rücksicht auf das Vorhandensein HTML5-fähiger Browser beim Anwender nehmen zu müssen. Die Bibliothek unterstützt unter anderem <video> und @font-face.

Diesen Artikel als PDF kaufen

Express-Kauf als PDF

Umfang: 5 Heftseiten

Preis € 0,99
(inkl. 19% MwSt.)

LinuxCommunity kaufen

Einzelne Ausgabe
 
Abonnements
 
TABLET & SMARTPHONE APPS
Bald erhältlich
Get it on Google Play

Deutschland

Ähnliche Artikel

  • Sencha Touch auf HTML5-Kurs

    Die Ext-JS-Macher entlassen im Unternehmensgespann mit zwei Partnerprojekten die neue HTML5-zentrierte Entwickler-Bibliothek für Android- und I-Phone-Apps Senta Touch unter der GPLv3 in die öffentliche Beta-Phase.
  • HTML-Editor Maqetta ist Open Source

    Das Unternehmen hat den HTML-Editor Maqetta, der seinerseits im Browser läuft, unter freien Lizenzen an die Dojo Foundation übergeben.
  • Freie Entwicklungsumgebung für AJAX
    Eclipse-Nutzer können sich freuen: Mit Aptana gibt es ein äußerst komfortables GUI für Web-2.0-Entwicklung, das auf Eclipse basiert und populäre Javascript-Bibliotheken kennt.
  • ExtJS wird 4.0

    Version 4.0 der dual-lizenzierten Javascript-Bibliothek ExtJS stellt laut den Entwicklern die bislang größte Überarbeitung und Modernisierung dar.
  • Neues auf der Heft-DVD
Kommentare

Infos zur Publikation

LU 02/2016: Alt-PCs flott machen

Digitale Ausgabe: Preis € 4,95
(inkl. 19% MwSt.)

Mit der Zeitschrift LinuxUser sind Sie als Power-User, Shell-Guru oder Administrator im kleinen Unternehmen monatlich auf dem aktuelle Stand in Sachen Linux und Open Source.

Sie sind sich nicht sicher, ob die Themen Ihnen liegen? Im Probeabo erhalten Sie drei Ausgaben zum reduzierten Preis. Einzelhefte, Abonnements sowie digitale Ausgaben erwerben Sie ganz einfach in unserem Online-Shop.

NEU: DIGITALE AUSGABEN FÜR TABLET & SMARTPHONE

HINWEIS ZU PAYPAL: Die Zahlung ist auch ohne eigenes Paypal-Konto ganz einfach per Kreditkarte oder Lastschrift möglich!       

Der Tipp der Woche

Schon gewußt?

14.11.2015

Auch unter Ubuntu 15.10 kann man wieder mit dem Startmedienersteller (alias Startup Disk Creator) ein Live-System auf einem USB-Stick einrichten. ...

Fehler des Startmedienerstellers von Ubuntu 15.10 umgehen

Aktuelle Fragen

Tails Update
Val Lerie, 11.01.2016 10:51, 0 Antworten
Hallo zusammen, updaten > update Speichern unter > Persistent nicht möglich, mit der Meldung;...
Recoll
Jürgen Heck, 20.12.2015 18:13, 4 Antworten
Wie kann man mit Recoll nach bestimmten Zeichen/Satzzeichen bzw. Zeichenkombinationen suchen, z....
Wings Platinum 4 auf Linux?
Bodo Steguweit, 18.12.2015 11:37, 4 Antworten
Hallo in die Runde ich nutze für meine Diashows Wings Platinum 4 als Diareferent. Arbeite jetzt...
Bandbreite regulieren
Georg Armani, 25.11.2015 16:50, 1 Antworten
Hallo, ich bin ein Neuling in Sachen Linux und hoffe auf Hilfe. Ich habe zwei Windows Rechner...
Windows 10 verhindert LINUX
Hans Wendel, 17.11.2015 17:47, 7 Antworten
Hallo alle, mit einem W10-Laptop (vorher war Win7) wollte ich LINUX ausprobieren. Alles, was ni...