Sensationelle HTML5-Demos
Die Diskussion um HTML5 und Flash ist in vollem Gange und dürfte Euch sicher nicht entgangen sein. Nun haben die ersten Portale damit begonnen Ihre Video-Inhalte von Flash auf HTML5 umzustellen oder zumindest eine HTML5-Beta Version alternativ für iPad und Co anzubieten. Doch HTML5 kann noch viel mehr! Höchste Zeit sich mit einigen überaus sehenswerten HTML5-Beispielen zu befassen. Viel Spass!
WordPress!
Mein Video-Training mit über 9 Stunden Laufzeit! Installation, Konfiguration, Verwaltung, Theme-Entwicklung, Hosting, SEO …
Jetzt bei Amazon bestellen!HTML5 Canvas Animation
Eine wirklich lustige Comic-Animation mit dem HTML5-Canvas-Element die auf spielerische Art den Umgang und die Funktion des Elements erklärt.
Ball Pool
Per Klick können auf dem Bildschirm neue "Bälle" erstellt werden; per Drag and Drop könnt Ihr diese verschieben, umschichten etc. Ein Doppelklick startet das Beispiel mit veränderten Farben neu. Auch das Browser-Fenster kann geschüttelt werden um die Elemente zu beeinflussen.
Browser Ball
Ein interaktiver Ball kann mit der Mouse zwischen verschiedenen Browserfenstern bewegt werden.
Canvas Photos
Auf einer Arbeitsfläche können Fotos/Polaroids verschoben, skaliert und gedreht werden.
Mezmerizer
Intuitives und sehr sphärisches Beispiel. Nutzt Eure Mouse oder die Tastatur.
Canvas Paint
Microsoft Paint als Full HTML5 Browser-Version.
Canvascape
Canvascape ist ein Mini-3D-Shooter der eindrucksvoll zeigt, dass mit dem Canvas-Element und JavaScript auch Spiele machbar sind. Über die Tastatur kann der Spieler bewegt werden, gesprungen wird mit der Leertaste. Auch die Qualität der verwendeten Texturen könnt Ihr beeinflussen.
CubeOut
3D Tetris von oben.
Unzählige Beispiele
Die soeben gezeigten Beispiele habe ich ausgewählt da es sich meiner Meinung nach um beeindruckende und vor allem abwechslungsreiche Demos handelt. Auch auf apple.com/html5 (Danke an Steffen für den Tipp per E-Mail) wurde vor kurzem eine Reihe an Demos online gestellt die auf jeden Fall einen Blick wert sind.
Ihr kennt auch HTML5-Beispiele die es sich lohnt anzuschauen? Dann freue ich mich über Eure Tipps in den Kommentaren!