15 Websites, die mit HTML5 erstaunliche Dinge bewirken

Werbung

Das bevorstehende HTML5 10 Websites, auf denen Sie sehen können, worum es bei HTML5 geht Weiterlesen Das Update auf die 20 Jahre alte HyperText Markup Language verspricht, das Web-Erlebnis auf ein völlig neues Niveau zu heben, sodass der Browser sowohl aus visueller als auch aus Datenperspektive mehr tun kann. Obwohl HTML5 noch weit von der vollständigen Bereitstellung entfernt ist, hat dies viele Entwickler nicht davon abgehalten, es an seine Grenzen zu bringen.

Schauen Sie sich diese erstaunlichen Websites an, die Ihnen wirklich eine gute Vorstellung von den Fähigkeiten von HTML5 als geben Programmiersprache, Dinge in Ihrem Webbrowser zu tun, die einmal nur in einem externen Programm oder möglich waren Plugin. Ich habe sie in Chrome getestet und sie sollten alle in einem HTML5-kompatiblen Browser wie Chrome, Firefox 4, Safari oder IE9 funktionieren. Es handelt sich um Demos, und HTML5 ist noch in Arbeit. Wenn Sie also Probleme beim Anzeigen haben, können Sie es in einem anderen Browser versuchen. Genießen!

Dies ist eine großartige Demo von Arcade Fire und Google, die verschiedene HTML5-Canvas-Tricks enthält. Ich möchte Ihnen die Überraschung nicht verderben - geben Sie Ihre Kindheitsadresse ein und genießen Sie das Video und die technische Zauberei.

WebVenture ist eine HTML5- und Javascript-Implementierung der MacVenture-Spieleplattform. Sie können jetzt Deja Vu 1 & 2, Shadowgate und Uninvited direkt in Ihrem Browser spielen! Andere Spielimplementierungen wie Wolfenstein 3D werden gerade bearbeitet und bringen Spiele in Ihren Browser.

Diese Website von Google demonstriert einen Ansatz im Stil eines Buches mit einer Beschreibung der Funktionsweise von Webbrowsern und der Anzahl der zugrunde liegenden Technologien. Aus technischer Sicht beeindruckend, ist es auch eine gute Einführung für Leser, die mehr über die Funktionsweise des Webs erfahren möchten.

Kollaboratives Zeichnen

Diese Demo verwendet die HTML5-Websockets Funktion, mit der Betrachter gleichzeitig auf der Leinwand zeichnen können.

SketchPad ist ein Malprogramm für das Web. Es unterstützt rudimentäre Zeicheninstrumente und wird nur in HTML5 und JavaScript ausgeführt.

Galactic Plunder ist ein in HTML5 implementierter 2D Space Shooter. Es ist nicht ganz so funktionsreich wie ein normaler Side-Scrolling-Shooter, sondern vollständig in HTML5, was an sich schon beeindruckend ist.

Mit HTML5 können Sie zu viel mit Videos im Web tun. Sie können es nicht nur ohne Webbrowser ohne Plugin abspielen, sondern auch das Video bearbeiten. Diese Demo zeigt, wie Sie die Pixel eines Videos während der Wiedergabe „in die Luft jagen“ können.

Ball mit mehreren Fenstern

Dies zeigt und bewirkt auch das Arcade Fire-Video. Mit HTML5 können Sie mehrere Fenster öffnen und Objekte zwischen ihnen verschieben.

HTML5 Rocks ist eine Diashow, die viele der Besonderheiten der HTML5-Sprache demonstriert. Wenn Sie ein Entwickler sind, erhalten Sie Beispielcode und können die Möglichkeiten von HTML5 erkennen.

Wenn Sie in den frühen 90ern ein Spieler waren, werden Sie sich gern an diesen Effekt erinnern. Da die Rechenleistung begrenzt war, verwendeten Grafikdesigner „Tricks“, um Videos in einem statischen Bild zu emulieren. Dieser Canvas-Effekt zeigt Ihnen, wie es gemacht wurde und enthält auch viele Beispiele, die ebenfalls schön sind.

HTML5-Experimente von Hakim.se [nicht mehr verfügbar]

Diese Seite listet viele Demos von Spielen und anderen netten kleinen Gadgets auf, um zu zeigen, was Sie mit HTML5 tun können. Gut für Inspiration und vielleicht ein bisschen Zeitabwechslung.

Harmony ist ein hübsches kleines Zeichenprogramm, mit dem Sie mit coolen Pinseln ein Bild malen können. Sie können Dinge wie "Fell" und "Web" erstellen, die in der Erstellung einfach nur cool zu sehen sind.

Dieses ordentliche Mashup aus @ 9 Elemente Pits Musik und rotierende Punkte mit Twitter-Posts über HTML5. In der Praxis schwer zu beschreiben, muss gesehen werden, um zu verstehen!

Radiohead / HTML5 Mashup

Ein weiteres ordentliches Mashup, in dem Radioheads spielt Idioteque mit einer Zeichnung von Thom Yorke, die im Verlauf des Songs gezeichnet wird. Ein weiterer Effekt, von dem man glaubt, dass er geglaubt wird.

Mehr wollen?

Diese beiden Websites sind so eingerichtet, dass Ansichten eine Vielzahl von HTML5- und HTML5-Canvas-Effekten erhalten. Angefangen vom Alltäglichen bis zum „Coolen“, wenn Sie nach mehr dürsten, sind dies die Orte, an die Sie gehen sollten.

Es gibt jetzt viele Demos von HTML5 im Internet - und es ist auf dem besten Weg, der neue Standard des Webs zu werden. Haben Sie tolle Demos, die Sie gerne teilen möchten? Bitte posten Sie in den Kommentaren unten!