HTML 5 - coisas Sneaky

Question

HTML 5 é a nova definição do W3C para HTML e provavelmente vai representar a direção da internet vai como as pessoas encontrar o próximo assassino aplicativos que funcionam na mesma.

Há o 'público' muito divulgado codificação de características como a tag <video>, mas eu estou querendo saber o baixo nível de codificação truques pessoas têm encontrado até agora que poderia ser importante, útil, interessante ou todas as anteriores.

Alguns exemplos que eu me deparei até agora:

eventos de arrastar-e-soltar que a transferência de dados de controle - por exemplo:

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

2-dimensionais e 3-dimensionais gráficos através de extensão do elemento <canvas>.

blocos HTML Context-aware

(como um bônus - a obselecense dos <applet> e <marquee> marcas - woohoo)

tag <ruby> para ideogramas

e eu não estou certo se isso é novo, mas a tag <progress> -. Estas tags dinamicamente atualizável estão indo para tornar a web uma experiência mais rica

Qualquer jogado com estas e encontrou alguns exemplos interessantes de colocá-los juntos? Algum código de demonstração, talvez?

Answer 1

Há bons exemplos no Chrome

A partir da página sobre: ??

Estas experiências foram criadas por designers e programadores de todo o mundo usando a última aberta normas, incluindo HTML5, Canvas, SVG, e mais

Answer 2

Confira Bespin , do Mozilla Labs - é um editor de código escrito inteiramente em JavaScript, usando Canvas .

Além disso, ele não pode ser uma "amostra" per se, mas a Canvas Tutorial no Mozilla Developer Center é uma boa introdução ao elemento <canvas />.