Tolle HTML5 Beispiele
Für Webdesigner und Programmierer ist HTML5 der Schlüssel zum Erfolg, mit dem sich allerlei Türen öffnen lassen. Diese Sprache gilt als zukünftiger Standard für Entwicklungen moderner Internetseiten. Kein Wunder, bei den tollen Möglichkeiten, die jetzt mit HTML5 geboten werden?! Aber was macht HTML5 eigentlich anders als das vorherige »Modell«? Eine tolle Seite gibt euch die Antwort darauf!
Es handelt sich dabei um die Webseite html5rocks.com – eine englischsprachige Seite, die euch einen ziemlich vollständigen Überblick über die Möglichkeiten mit HTML5 aufzeigt. Wie Websprache HTML5 vereinfacht das Erstellen interaktiver Internetseiten erheblich, das zeigt eine Befehlsübersicht sowie Schritt für Schritt Anleitungen zu allen vorhandenen HTML5-Kommandos. Außerdem erwarten euch jede Menge interaktive Anwendungsbeispiele, die zudem auch die Chance geben, den Code einfach raus zu kopieren.
Immer schön mit der Ruhe, ich weiß gar nicht, wo ich anfangen soll?! Direkt auf der Startseite findet ihr 4 große Hauptbereiche, die ihr unbedingt anklicken müsst. Hier »verbergen« sich die meisten Informationen zu HTML5. Ich rate euch auf den Button »Interactive Presentation« zu klicken, da ihr euch dort direkt mit den neuen Features anvertrauen könnt. Durch eine Slideshow entdeckt ihr die Möglichkeiten der neuen Sprache und navigiert euch so Seite für Seite. Wer einen schnellen Einblick erhaschen möchte, ist in diesem Bereich genau richtig.
Auf der Suche nach Beispielen zu JavaScript APIs, HTML und CSS? Dann ist der Reiter »Code Playground« genau der Richtige! Hier werden euch einige Beispiele mit Code vorgestellt. Codes lassen sich direkt per Copy & Paste in den eigenen Code implementieren – leichter geht es wohl kaum?! Direkt anknüpfen möchte ich mit dem Button »Samples Studio«, den ihr auch auf der Startseite sehen könnt. Dieser »Showroom« stellt euch exakt 14 Projekte vor, auch hier mit Code. Fühlt euch hier wie in einem Supermarkt: Nimmt das mit, was ihr gebrauchen könnt, alles andere lasst ihr im Regal stehen. Sind sehr coole Demos dabei, für eigene Projekte kann hier wirklich was dabei sein…
»Step by Step Tutorials« werdet ihr hier auch erwarten! Meiner Meinung nach der interessanteste und auch lehrreichste Bereich, da ihr wirklich jedes kleinste Detail hier entdecken und euch selbst beibringen könnt. Sehr ausführlich, mit sehr viele Unterpunkten. Wer HTML beherrscht, wird mit HTML5 kaum Probleme haben. Es kommen zwar neue Bereiche rein, die jedoch schnell verstanden werden.
Webdesigner und Programmierer sollten sich HTML5rocks auf jeden Fall merken und bestenfalls als Lesezeichen abspeichern. Die Zukunft des Internets liegt in den Händen dieser Sprache, das garantiere ich euch!
