Native Audio- und Video-Wiedergabe ohne zusätzliche Plug-Ins, Thread-Programmierung mit Web-Workers, zweidimensionale Grafiken mit dem Canvas-Element , Zugriff auf das Datei-System mittels Local-Storage, Offline-Modus, Geo-Location für Smartphone-Anwendungen, verspielte grafische Animationen mit CSS3, beliebige Web-Fonts mit @font-face, und die Liste geht noch weiter... HTML5 wartet mit unzähligen innovativen Features auf und stellt damit einen Quantensprung in der Entwicklung von Web-Anwendungen und Webseiten dar.
Mit professionellen Tools und Frameworks, die kostenlos angeboten werden, sorgen Branchenriesen wie Google, Adobe und IBM für eine schnelle Verbreitung des neuen HTML-Standards, der die Zukunft des Internets bestimmen wird und dieses Jahr vor dem Durchbruch zu stehen scheint. Aber auch kleinere und weniger bekannte Hersteller bieten innovative und vielversprechende Lösungen an, die die Entwicklung von HTML5-Projekten beschleunigen und vereinfachen können. Welche das sind, erfahren Sie in diesem Beitrag.
HTML5 Rocks!
Wer mit HTML5 noch nicht vertraut ist und erfahren möchte, wie er von den neuen Features bei eigenen Anwendungen und Websites profitieren kann, dem sei das Web-Portal "HTML5 Rocks” von Google empfohlen. Im Jahr 2010 ins Leben gerufen bietet die Seite Web-Designern und -Entwicklern zahlreiche Code-Beispiele, Demos, sowie Schritt-für-Schritt-Anleitungen zum Umgang mit fast allen HTML5-Features an. Wie der Internetprimus erklärt, soll dieses umfangreiche Angebot die Vorteile von HTML5 verdeutlichen und den Einstieg erleichtern. Zu den behandelnden Themen zählen unter anderem Offline-Modus, Geo-Location, Audio- und Video-Tags, sowie Canvas und File-Storage.
Auf der Seite verfügbar sind zudem eine interaktive Präsentation, die einen umfassenden Überblick über die Möglichkeiten von HTML5 bietet, sowie eine Code-Sandbox, auf der Developer das Erlernte in die Praxis umsetzen und sich austoben können. Diese sorgt für eine sichere Umgebung, in der alle neuen APIs und CSS-Eigenschaften auf einfache Weise getestet werden können.
Um alle Features von HTML5 Rocks nutzen zu können, empfiehlt Google zwar die Nutzung des hauseigenen Browsers Chrome. Die meisten Demos sollen laut Anbieter jedoch auch in anderen HTML5-fähigen Browsern funktionieren.
- HTML5 Rocks!
Im Jahr 2010 ins Leben gerufen bietet die Seite Web-Designern und -Entwicklern zahlreiche Code-Beispiele, Demos, sowie Schritt-für-Schritt-Anleitungen zum Umgang mit fast allen HTML5-Features an. - Sproutcore
Sproutcore diente als solide Basis für das MobileMe-Angebot der Jobs-Company und hat sich unter Entwicklern in erster Linie aufgrund seiner Robustheit, Schnelligkeit und Skalierbarkeit einen Namen gemacht. Das Besondere an dem Framework besteht jedoch darin, dass die gesamte Business-Logik mit JavaScript umgesetzt und vollständig auf Client-Seite implementiert wird. - Adobe Edge
Mit "Adobe Edge” stellt der Multimedia-Riese ein neues Tool zur Animation und zum Interaktions-Design für Webseiten zur Verfügung, mit dem sich Flash-ähnliche Inhalte auf Basis von HTML5, JavaScript und CSS3 realisieren lassen. - HTML5 Boilerplate
Mit Cross-Browser-Normalisierung, eingebauten Performance-Optimierungen und erweiterten Features, zu denen etwa Cross-Domain-Ajax zählt, vereinfacht Boilerplate die Arbeit mit vielen Standard-Funktionen, die eigentlich gar nicht so leicht zu implementieren sind. Im Paket enthalten ist zudem eine .htaccess-Konfigurationsdatei, die vor allem für Anfänger sehr praktisch sein kann. - Modernizr
Bei Modernizr handelt es sich um eine quelloffene JavaScript-Library, mit der sich Darstellungsfehler von CSS3- und HTML5-Websites auf älteren Browsern verhindern lassen sollen. - Sencha Touch
"Sencha Touch" ist eins der populärsten Frameworks für die Erstellung plattformübergreifender Anwendungen für Smartphones. Es basiert vollständig auf HTML5, JavaScript und CSS3 und wartet mit einer einfachen Verwaltung für Touch-Ereignisse, sowie einer umfassenden UI-Bibliothek auf. - Jo HTML5 App Framework
Realisiert von David Balmer, Senior Software Engineer WebOS Developer Relations, ist das Jo Framework kompatibel mit vielen der wichtigsten Smartphone-Plattformen: iOS, Android, Chrome OS, Blackberry und WebOS. Wie der Anbieter erklärt, ist das Framework speziell für die Entwicklung von Apps konzipiert, also nicht für traditionelle Websites, und wartet mit wiederverwendbaren UI-Widgets und einfach zu implementierenden CSS3-Animationen. - Maqetta
Mit dem quelloffenen und Web-basierenden Web-Editor "Maqetta” lassen sich Benutzeroberflächen für Desktop- und Mobile-Anwendungen erstellen - auf Basis von HTML5, CSS3 und Ajax. Die Lösung wurde von IBM als Antwort zu Flash und Silverlight entwickelt - mit dem Ziel, die Defizite von Ajax-Umgebungen gegenüber diesen proprietären Lösungen auszugleichen. - Media Element Player
Wer schon heute die Möglichkeiten von HTML5-Video ausnutzen möchte, der kann auf den "Media Element Player” zurückgreifen. Dabei handelt es sich um eine kostenlose JavaScript-Bibliothek aus dem Open-Source-Bereich, die mithilfe von CSS und dem populären Framework "JQuery” einen universellen Video-Player implementiert.