Universelles Template für mobile Webseiten

Mit der HTML5 Boilerplate haben Paul Irish und Divya Manian eine Art Blaupause für moderne Webseiten veröffentlicht. Das Template umfasst HTML, CSS und Javascript sowie eine auf moderne Webseiten ausgelegte Webserverkonfiguration.

Während die HTML5 Boilerplate für Desktopbrowser gedacht ist, ist die neue Mobile Boilerplate ein Template für mobile Webseiten, die auf Smartphones und Tablets mit Android, iOS, Blackberry und Symbian laufen sollen. Die Macher - neben Irish und Manian ist der Webentwickler Shi Chuan dabei - versprechen eine konsistente Darstellung in allen unterstützten "A-Grade-Smartphones". Für Plattformen, denen moderne Browserfunktionen fehlen, darunter Blackberry, Symbian und IE Mobile, wurden entsprechende Fallbackfunktionen umgesetzt. Beispielsweise gibt es eine spezielle CSS-Klasse für den IE Mobile 7.

• 

Mobile Boilerplate

Die Mobile Boilerplate soll nur ein universelles Template sein, kein Framework. Sie lässt sich mit Projekten wie jQuery Mobile, Sencha Touch, Phonegap und Appcelerator kombinieren.

Dennoch bietet die Mobile Boilerplate einige Optimierungen für mobile Webapplikationen. Dazu zählen direkte Unterstützung für Offline Caching, das Verstecken der URL-Zeile, um die Anzeigefläche zu vergrößern, und die Ausführung von Applikationen im Vollbildmodus unter iOS. Texteingabefelder wachsen automatisch mit und es gibt ein Wrapper-API für Browserdatenbanken.

Zudem werden schnelle Klicks unterstützt. Dabei wird eine Standardfunktion mobiler Browser umgangen, die bei Touchbedienung immer 300 Millisekunden warten, bevor sie eine Aktion ausführen.

Die Mobile Boilerplate steht unter html5boilerplate.com/mobile ab sofort zum Download bereit.