Das HTML5-Buch

HTML5-Demos und HTML5-Webapps

Alle HTML5-Demos auf dieser Seite gibt es auch im Paket zum Download.

HTML5-Demos

Moderne Browser vorausgesetzt lassen sich schon so manche HTML5-Features zum Einsatz bringen. Die folgenden Demos sind kleine Spielereien mit einzelnen HTML5-Bausteinen, aus denen sich die Webapps der Zukunft zusammensetzen lassen werden.

3D-Animation mit dem Canvas-Element

Funktioniert mit: Firefox, Chrome, Safari, Opera, Internet Explorer 6 - 9

Eine OpenGL-Schnittstelle für das <canvas>-Element befindet sich in der Entwicklung, doch einfache 3D-Objekte lassen sich auch mit den Standard-Funktionen des neuen HTML5-Elements rendern – selbst im Internet Explorer 6!

Live-Videoeffekte im Browser

Funktioniert mit: Firefox, Chrome, Safari, Opera, Internet Explorer 9

Wenn man das <video>-Element mit dem <canvas>-Element kombiniert, verwandelt sich der Browser in eine Video-Effekt-Maschine.

Offline-Webapplikation

Funktioniert mit: Firefox, Chrome, Safari, Opera

Diese To-do-Listen-Verwaltung funktioniert selbst ohne Internetverbindung oder wenn der Browser im Offline-Modus läuft.

HTML5 Drag & Drop

Funktioniert mit: Firefox 3.6 und neuer

Mit der Drag&Drop-API kann man, wenn man ihre diversen Untiefen gemeistert hat, Websites mit Drag&Drop so interopterabel machen, wie es sonst nur Desktop-Programme sind.