HTML 5: cosas furtivas

Question

HTML5 es la nueva definición del W3C para HTML y probablemente representará la dirección que tomará Internet a medida que la gente encuentre las próximas aplicaciones excelentes que funcionen en él.

Existen funciones de codificación "públicas" muy publicitadas, como la <video> etiqueta, pero me pregunto qué trucos de codificación de bajo nivel han encontrado las personas hasta ahora que podrían ser importantes, útiles, interesantes o todo lo anterior.

Algunos ejemplos con los que me he encontrado hasta ahora:

Eventos de arrastrar y soltar que controlan la transferencia de datos, por ejemplo:

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

Gráficos bidimensionales y tridimensionales mediante la extensión de la <canvas> elemento.

Bloques HTML sensibles al contexto

(como beneficio adicional, la obsecencia de la <applet> y <marquee> etiquetas - ¡woohoo!)

<ruby> etiqueta para ideogramas

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

¿Alguien jugó con estos y encontró algunos ejemplos interesantes de ellos juntos?¿Quizás algún código de demostración?

Answer 1

Hay buenas muestras en Experimentos de Chrome

Desde la página acerca de:

  

Estos experimentos fueron creados por   diseñadores y programadores de todo   el mundo usando el último abierto   estándares, incluidos HTML5, Canvas,   SVG y más

Answer 2

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

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