HTML 5 - Roba subdolo

Question

HTML 5 è la nuova definizione W3C per HTML e probabilmente rappresenterà la direzione in cui Internet va quando le persone trovano le prossime app killer che funzionano.

Ci sono le funzionalità di codifica "pubbliche" molto pubblicizzate come il tag <video>, ma mi chiedo quali trucchi di codifica di basso livello siano stati trovati fino ad ora che potrebbero essere importanti, utili, interessanti o tutti i precedenti.

Alcuni esempi che ho incontrato finora:

eventi drag-and-drop che controllano il trasferimento dei dati - ad esempio:

grafica

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

2-dimensionale e in 3 dimensioni attraverso l'estensione dell'elemento <canvas>.

blocchi html context-aware

(come bonus - l'obselecense dei <applet> e <marquee> tag - Woohoo!)

<ruby> tag per ideogrammi

e io non sono sicuro se questo è nuovo, ma il tag <progress> - questi tag dinamicamente aggiornabili renderanno il Web un'esperienza più ricca.

Chiunque ha giocato con questi e ha trovato alcuni esempi interessanti di loro messi insieme? Qualche codice demo forse?

Answer 1

ci sono campioni Nizza il Chrome Experiments

Dalla pagina about:

Questi esperimenti sono stati creati da designer e programmatori provenienti da tutto il mondo utilizzando i più recenti standard aperti , tra cui HTML5, Canvas , SVG, e altro

Answer 2

Verificare Bespin, fr om Mozilla Labs - è un editor di codice scritto interamente in JavaScript, usando Canvas.

Inoltre, potrebbe non essere un "campione" di per sé, ma lo Canvas Tutorial su Mozilla Developer Center è un'ottima introduzione all'elemento <canvas />.