HTML 5 - Des trucs sournois

Question

HTML 5 est la nouvelle définition du W3C pour HTML et représentera probablement la direction qu'empruntera Internet, car les gens trouveront les prochaines applications qui y travaillent. Il existe des fonctionnalités de codage «public» très médiatisées comme la balise <video>, mais je me demande quelles astuces de codage de bas niveau ont été trouvées jusqu'à présent qui pourraient être importantes, utiles, intéressantes ou tout ce qui précède.

Quelques exemples que je suis venu à travers jusqu'ici:

é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 2 dimensions et 3 dimensions grâce à l'extension de l'élément <canvas>.

blocs html sensibles au contexte

(en prime - le obselecense des <applet> et <marquee> balises - youpi!)

tag <ruby> pour idéogrammes

et je ne suis pas sûr si cela est nouveau, mais la balise <progress> - ces balises pouvant être mises à jour dynamiquement rendront le web plus riche.

Quelqu'un a joué avec ceux-ci et a trouvé quelques exemples intéressants d'entre eux mis ensemble? Du code de démo peut-être?

Answer 1

Il y a des échantillons agréables sur Chrome Experiments

Sur la page about:

Ces expériences ont été créées par les concepteurs et les programmeurs du monde le monde en utilisant les dernières standards ouverts, y compris HTML5, Canvas , SVG, et plus

Answer 2

Découvrez Bespin, en om Mozilla Labs - c'est un éditeur de code écrit entièrement en JavaScript, en utilisant Canvas.

En outre, il ne peut être un « échantillon » en soi, mais le Canvas Tutorial sur le Mozilla Developer Center est une très bonne introduction à l'élément <canvas />.