HTML 5 - Trucs sournois

Question

HTML 5 est la nouvelle définition HTML du W3C et représentera probablement l'orientation d'Internet lorsque les internautes trouveront les prochaines applications révolutionnaires qui y fonctionnent.

Il existe des fonctionnalités de codage "publiques" très connues telles que la balise <video>, mais je me demande quels trucs de codage de bas niveau ont été trouvés jusqu'à présent par les utilisateurs qui pourraient être importants, utiles, intéressants ou tout ce qui précède.

Quelques exemples rencontrés jusqu'à présent:

Événements glisser-déposer qui contrôlent le transfert de données - par exemple:

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

Graphiques bidimensionnels et tridimensionnels grâce à l'extension de l'élément <canvas>.

Blocs HTML contextuels

(en bonus - l'obsolescence des balises <applet> et <marquee> - woohoo!)

<ruby> balise pour idéogrammes

et je ne suis pas sûr qu'il s'agisse d'une nouveauté, mais de la balise <progress>: ces balises pouvant être mises à jour de manière dynamique vont enrichir le Web.

Quelqu'un a joué avec ceux-ci et en a trouvé quelques exemples intéressants? Un code de démonstration peut-être?

Answer 1

Il existe de bons exemples sur les Expériences Chrome

.

À partir de la page à propos:

  

Ces expériences ont été créées par   les concepteurs et les programmeurs du monde entier   le monde en utilisant le dernier open   normes, y compris HTML5, Canvas,   SVG, et plus

Answer 2

Découvrez Bespin , de Mozilla Labs - il s'agit d'un éditeur de code entièrement en JavaScript, utilisant Canvas. .

Par ailleurs, il se peut que ce ne soit pas un "échantillon". Le Canvas Tutorial du Centre de développement Mozilla constitue une très bonne introduction à la < code> < canvas / > élément.