15 Seiten, die erstaunliche Dinge mit HTML5 tun

Werbung

Werbung
Werbung

Was ist HTML5? Die nächsten HTML5 10 Websites, um zu sehen, was HTML5 alles über 10 Websites zu sehen gibt Was HTML5 alles über Lesen bedeutet Mehr Update auf die 20 Jahre alte HyperText Markup Language verspricht, die "Web" -Erfahrung auf eine ganz neue Ebene zu bringen Machen Sie mehr aus Sicht und Daten. Auch wenn HTML5 noch weit von der vollständigen Bereitstellung entfernt ist, hat dies viele Entwickler nicht daran gehindert, sie an ihre Grenzen zu bringen.

Sehen Sie sich diese erstaunlichen Webseiten an, die Ihnen eine gute Vorstellung von den Möglichkeiten von HTML5 als Programmiersprache geben, Dinge in Ihrem Webbrowser zu 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 immer noch in Arbeit. Wenn Sie Probleme haben, sie anzusehen, können Sie es in einem anderen Browser versuchen. Genießen!

Arcade Fire - Die Wildnis der Innenstadt

Was ist HTML5?

Dies ist eine großartige Demo von Arcade Fire und Google mit verschiedenen HTML5 Canvas-Tricks. Ich möchte die Überraschung für dich nicht verderben - gib deine Kindheitsadresse ein und genieße das Video und die technische Zauberei.

WebVenture

tauchen Sie in html5 ein

WebVenture ist eine HTML5 und Javascript Implementierung der MacVenture Gaming Plattform. Du kannst jetzt Deja Vu 1 & 2, Shadowgate und Uninvited direkt in deinem Browser spielen! Andere Spiele-Implementierungen wie Wolfenstein 3D werden bearbeitet, um Spiele in Ihren Browser zu bringen.

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

tauchen Sie in html5 ein

Diese Seite von Google zeigt eine "Buch" -ähnliche Herangehensweise an eine Beschreibung darüber, wie Webbrowser funktionieren und wie viele der zugrunde liegenden Technologien funktionieren. Beeindruckend aus technischer Sicht, ist es auch ein guter Leitfaden für Leser, die mehr über die Funktionsweise des Webs erfahren möchten.

Kollaboratives Zeichnen

tauchen Sie in html5 ein

Diese Demo nutzt die HTML5-Websocket-Funktion, um den Betrachtern zu ermöglichen, gleichzeitig auf der Leinwand zu zeichnen.

[NO LONGER WORKS] SketchPad

html5 tutorial

SketchPad ist ein "Paint" -Programm für das Web. Es unterstützt rudimentäre Zeicheninstrumente und wird nur in HTML5 und JavaScript erstellt.

Galaktische Plünderung

html5 tutorial

Galactic Plunder ist ein 2D Space Shooter, der in HTML5 implementiert ist. Nicht ganz so Feature wie ein normaler Side-Scrolling-Shooter, ist es vollständig in HTML5 getan, die in sich beeindruckend ist.

Videoeffekte

html5 tutorial

HTML5 ermöglicht Ihnen zu viel mit Video im Web. Abgesehen davon, dass Sie es ohne Ihren Webbrowser ohne Plug-in abspielen können, können Sie dieses Video bearbeiten. Diese Demo zeigt, wie Sie während des Spielens die Pixel eines Videos "aufblasen" können.

Mehrfacher Fenster-Ball

15 Seiten, die erstaunliche Dinge mit HTML5 Ballwindow tun

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

HTML5Rocks (Google)

15 Websites, die erstaunliche Dinge mit HTML5 HTML5rocks tun

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 sehen.

8-Bit Color Cycling (wie alte Schulspiele)

15 Websites, die erstaunliche Dinge mit HTML5-Zyklus tun

Wenn Sie in den frühen 90ern ein Spieler waren, werden Sie diesen Effekt gern behalten. 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 schöne Beispiele.

HTML5-Experimente von Hakim.se

15 Seiten, die erstaunliche Dinge mit HTML5 corecanvas tun

Diese Seite listet viele Demos von Spielen und andere nette Gadgets auf, um zu zeigen, was man mit HTML5 machen kann. Gut für Inspiration und vielleicht ein bisschen Zeitablenkung.

Harmonie

15 Websites, die erstaunliche Dinge mit HTML5-Harmonie tun

Harmony ist ein nettes kleines Zeichenprogramm, mit dem Sie mit coolen Pinseln ein Bild malen können. Du kannst Dinge wie "Pelz" und "Web" kreieren, die einfach cool in der Kreation zu sehen sind.

Twitter / Musik Mashup

15 Websites, die erstaunliche Dinge mit HTML5 9elements tun

Dieses nette Mashup von @ 9elements bringt Musik und rotierende Punkte mit Twitter-Posts über HTML5 zusammen. In der Praxis schwer zu beschreiben, muss man verstehen lernen!

Radiohead / HTML5 Mashup

15 Websites, die erstaunliche Dinge mit HTML5 Radiohead tun

Ein weiteres ordentliches Mashup, das Radioheads Idioteque mit einer Zeichnung von Thom Yorke verbindet, die im Verlauf des Songs gezeichnet wird. Ein weiterer "gesehen zu glauben" -Effekt.

Mehr wollen?

HTML5Demos / CanvasDemos

Was ist HTML5?

Diese beiden Websites sind so eingerichtet, dass sie eine Vielzahl von Demos von HTML5 und HTML5-Canvas-Effekten bieten. Vom Alltäglichen bis zum "Coolen", wenn Sie nach mehr Durst suchen, sind dies die Orte, die Sie besuchen sollten.

HTML5 gibt es mittlerweile viele Demos im Internet - und es ist auf dem besten Weg, der neue Standard im Web zu werden. Hast du tolle Demos, die du teilen möchtest? Bitte posten Sie in den Kommentaren unten!

In this article