HTML 5 - Cose subdole

Question

HTML 5 è la nuova definizione di W3C per HTML e probabilmente rappresenterà la direzione di Internet mentre le persone trovano le prossime app killer che ci lavorano.

Esistono molte funzioni di codifica "pubblica" molto pubblicizzate come il tag <video>, ma mi chiedo quali trucchi di codifica di basso livello le persone hanno trovato finora che potrebbero essere importanti, utili, interessanti o tutto quanto sopra.

Alcuni esempi che ho incontrato finora:

Eventi di trascinamento della selezione che controllano il trasferimento di dati, ad esempio:

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

Grafica bidimensionale e tridimensionale attraverso l'estensione dell'elemento <canvas>.

Blocchi html sensibili al contesto

(come bonus - l'obsolescenza dei tag <applet> e <marquee> - woohoo!)

<ruby> tag per ideografi

e non sono sicuro che si tratti di una novità, ma il tag <progress>: questi tag aggiornabili dinamicamente renderanno il Web un'esperienza più ricca.

Qualcuno ha giocato con questi e ne ha trovati alcuni interessanti esempi messi insieme? Qualche codice demo forse?

Answer 1

Ci sono dei bei esempi su Chrome Experiments

Dalla pagina di informazioni:

  

Questi esperimenti sono stati creati da   designer e programmatori di tutto il mondo   il mondo usando l'ultimo aperto   standard, tra cui HTML5, Canvas,   SVG e altro

Answer 2

Guarda Bespin , da Mozilla Labs - è un editor di codice scritto interamente in JavaScript, usando Canvas .

Inoltre, potrebbe non essere un "campione" di per sé, ma il Tutorial su tela sul Mozilla Developer Center è un'ottima introduzione al < codice> < canvas / > .