HTML 5 - Cosas furtivas

Question

HTML 5 es la nueva definición W3C para HTML y probablemente represente la dirección en que va Internet a medida que las personas encuentran las próximas aplicaciones asesinas que funcionan en ella.

No son las características muy publicitados 'públicas' de codificación como la etiqueta <video>, pero me pregunto qué trucos de bajo nivel de codificación personas han encontrado hasta ahora que podría ser importante, útil, interesante o todo lo anterior.

Algunos ejemplos que he encontrado hasta ahora:

eventos de arrastrar y soltar que controlan la transferencia de datos - por ejemplo:

gráficos

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

2-dimensional y 3 dimensiones mediante la extensión del elemento <canvas>.

bloques html sensibles al contexto

(como un bono - el obselecense de los <applet> y <marquee> etiquetas - woohoo!) Etiqueta

<ruby> de ideogramas

y no estoy seguro de si esto es nuevo, pero la etiqueta <progress> - estas etiquetas dinámicamente actualizables harán que la web sea una experiencia más rica.

¿Alguien jugó con estos y encontró algunos ejemplos interesantes de ellos juntos? ¿Algún código de demostración tal vez?

Answer 1

Hay muestras agradables en Chrome Experiments

Desde la página sobre: ​​

Estos experimentos fueron creados por diseñadores y programadores de todo el mundo utilizando los últimos estándares abiertos , incluyendo HTML5, Canvas , SVG, y más

Answer 2

Echa un vistazo Bespin, fr om Mozilla Labs: es un editor de código escrito completamente en JavaScript, utilizando Canvas.

Además, puede no ser una "muestra" per se, pero el Canvas Tutorial en el Centro de desarrolladores de Mozilla es una muy buena introducción al elemento <canvas />.