15 Sites, die erstaunliche Dinge mit HTML5 tun

Die bevorstehende HTML5 10 Websites, um zu sehen, was HTML5 ist Alles über 10 Websites, um zu sehen, was HTML5 ist Alles über Lesen Sie mehr Update für die 20 Jahre alte HyperText Markup Language verspricht, die “Netz” Erfahrung auf einem völlig neuen Niveau, so dass der Browser sowohl in visueller als auch in datenbezogener Hinsicht mehr erreichen kann. Auch wenn HTML5 noch weit von einer vollständigen Bereitstellung entfernt ist, hat dies nicht viele Entwickler daran gehindert, es an die Grenzen zu bringen.

Schauen Sie sich diese erstaunlichen Websites an, die Ihnen einen guten Eindruck von den Möglichkeiten von HTML5 als Programmiersprache vermitteln, indem Sie in Ihrem Webbrowser Dinge tun, die früher nur in einem externen Programm oder Plugin möglich waren. Ich habe sie in Chrome getestet und sie sollten alle in einem HTML5-kompatiblen Browser wie Chrome, Firefox 4, Safari oder IE9 funktionieren. Sie sind Demos und HTML5 ist noch in Arbeit. Wenn Sie also Probleme haben, können Sie sie in einem anderen Browser ausprobieren. Genießen!

Arcade Fire - Die Wildnis im Stadtzentrum

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 die Adresse Ihrer Kindheit ein und genießen Sie das Video und die technischen Zaubereien.

WebVenture

WebVenture ist eine HTML5- und Javascript-Implementierung der MacVenture-Gaming-Plattform. Sie können jetzt Deja Vu 1 & 2, Shadowgate und Uninvited direkt in Ihrem Browser spielen! An anderen Spiele-Implementierungen wie Wolfenstein 3D wird gearbeitet, um Spiele in Ihren Browser zu bringen.

20 Dinge, die ich über Browser und das Web gelernt habe

Diese Seite von Google-Demos a “Buch” Stilisierte Herangehensweise an eine Beschreibung, wie Webbrowser funktionieren und wie viele der zugrunde liegenden Technologien funktionieren. Beeindruckend aus technischer Sicht ist es auch eine gute Einführung für Leser, die mehr über die Funktionsweise des Webs erfahren möchten.

Kollaboratives Zeichnen

In dieser Demo wird die HTML5-Websockets-Funktion verwendet, damit Zuschauer gemeinsam auf der Leinwand zeichnen können.

[NICHT MEHR FUNKTIONIERT] SketchPad

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

Galaktische Plünderung

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

Videoeffekte

Mit HTML5 können Sie mit Videos im Web viel anfangen. Sie können das Video auch ohne Ihren Webbrowser und ohne Plugin abspielen. Außerdem können Sie das Video bearbeiten. Diese Demo zeigt, wie es geht “Sprengen” die Pixel eines Videos während des Abspielens.

Mehrere Fensterkugel

Dies demonstriert und bewirkt auch den Effekt des Arcade Fire-Videos. Mit HTML5 können Sie mehrere Fenster öffnen und Objekte zwischen ihnen verschieben.

HTML5Rocks (Google)

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

8-Bit-Farbradfahren (wie alte Schulspiele)

Wenn Sie zu Beginn der 90er Jahre ein Spieler waren, werden Sie sich an diesen Effekt gerne erinnern. Da die Rechenleistung begrenzt war, verwendeten Grafikdesigner "Tricks", um Video in einem statischen Bild zu emulieren. Dieser Canvas-Effekt zeigt Ihnen, wie es gemacht wurde, und enthält auch viele Beispiele, die auch schön sind.

HTML5-Experimente von Hakim.se

Diese Seite enthält viele Demos von Spielen und andere nette kleine Gadgets, um zu zeigen, was Sie mit HTML5 machen können. Gut für Inspiration und vielleicht für eine kleine Abwechslung.

Harmonie

Harmony ist ein nettes kleines Zeichenprogramm, mit dem Sie ein Bild mit kühlen Pinseln malen können. Sie können zum Beispiel Dinge erstellen “Pelz” und “Netz” die sind einfach cool in der Schöpfung zu sehen.

Twitter / Music Mashup

In diesem netten Mashup von @ 9elements werden Musik und rotierende Punkte mit Twitter-Beiträgen zu HTML5 angezeigt. In der Praxis schwer zu beschreiben, muss verstanden werden!

Radiohead / HTML5-Mashup

Ein weiterer netter Mashup, bei dem Radiohead sitzt Idioteque mit einer Zeichnung von Thom Yorke, die im Verlauf des Songs gezeichnet wird. Ein weiterer “gesehen, um geglaubt zu werden” bewirken.

Mehr wollen?

HTML5Demos / CanvasDemos

Diese zwei Websites bieten Ansichten für eine Vielzahl von HTML5- und HTML5-Canvas-Demos. Angefangen von den Alltäglichen bis hin zu den “cool”, Wenn Sie Durst nach mehr haben, sind Sie hier genau richtig.

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