HTML 5 - Sneaky Sachen

Question

HTML 5 ist die neue W3C-Definition für HTML und repräsentiert wahrscheinlich die Richtung das Internet geht, wie Menschen die nächsten Killer-Anwendungen finden, die in ihm arbeiten.

Es gibt die viel propagierten ‚öffentlich‘ Codierung Features wie die <video> Tag, aber ich frage mich, was Low-Level-Tricks Codierung Menschen bisher gefunden haben, die wichtig sein könnten, nützlich, interessant oder alle der oben genannten.

Einige Beispiele, die ich über so weit gekommen sind:

Drag-and-Drop-Ereignisse, die die Datenübertragung steuern - zum Beispiel:

document.addEventListener("dragstart", function(event)
{
   event.dataTransfer.setData("image/png", slides.imageRep());
   event.dataTransfer.setData("slides", slides.serializedRep());
   // etc.
}, false)

2-dimensionale und 3-dimensionale Grafiken durch Erweiterung des <canvas> Elements.

Context-aware html Blöcke

(als Bonus - die obselecense der <applet> und <marquee> Tags - woohoo)

<ruby> Tag für ideographs

und ich bin nicht sicher, ob dies ist neu, aber der <progress> Tag -. Diese dynamisch aktualisierbaren-Tags werden die Bahn eine reichere Erfahrung machen

Jeder spielte mit diesen und fand einige interessante Beispiele für sie zusammen? Einige Demo-Code vielleicht?

Answer 1

Es gibt schöne Beispiele auf Chrome Experiment

Von der etwa Seite:

  

Diese Versuche wurden erstellt von   Designer und Programmierer aus der ganzen   die Welt die neuesten Open mit   Standards, einschließlich HTML5, Canvas,   SVG und mehr

Answer 2

Schauen Sie sich Bespin von Mozilla Labs - es ist ein Code-Editor komplett in JavaScript geschrieben, mit Leinwand .

Auch kann es nicht eine "Probe" per se, aber das Canvas Tutorial auf dem Mozilla Developer Center ist eine sehr gute Einführung in das <canvas /> Elemente.