La vidéo sur la conférence que j‘ai donné à Paris Web 2010 vient de sortir, aussi comme pour la conférence sur les Performances Web je l‘ai chapitré et je vous remets les slides pour que vous vous y retrouviez.

Mes capacités d‘orateur valent ce qu‘elles valent, mais le contenu et le discours restent d‘actualité et devraient permettre je l‘espère à certains développeurs de se décoincer face à HTML5 : les fonctionnalités sont utilisables maintenant en production, pour peu qu‘on sache coder, utiliser des librairies faites pour ça et qu‘on soit suffisamment curieux pour tester tout cela. Les bénéfices sont soit immédiats soit à venir, et il y a certains écueils à connaître. Le maître mot est : testez ! Dans la plupart des cas vous vous rendrez compte que vous pouvez mettre en production et donc améliorer votre site pour vos utilisateurs.

Le chapitrage

La conférence :

  • 0:05 : bonjour
  • 1:10 : relativisier l'état des specs
  • l‘exemple de Web Storage
    • 3:00 : 7 implémentations, mais utilisable
    • 4:30 : librairies d‘accès à Web Storage
    • 5:40 : Exemples d'utilisation de Web Storage
  • 6:25 : HTML5, c'est gros, et alors ?
  • La nouvelle sémantique
    • 8:30 : le doctype
    • 9:20 : nouvelles balises (nav, article, header, légendes ...
    • 13:30 : microdata
    • 16:15 : nouveaux types de champs de formulaire
  • 18:55 : les APIs JS
    • 19:25 : est on vraiment dans la nouveauté ? Listing des fonctionnalités qui ont déjà un équivalent
    • 21:57 : comportement des formulaires, démo de librairies sous IE6
    • 24:00 : intérêt d'utiliser quand même le standard HTML5 pour les formulaires
  • 27:05 : Géolocalisation navigateur : démo et intérêt par rapport à la géolocalisation par IP, alternative
  • 32:00 : SVG : Démo sur IE6 grâce à la librairie raphaelJS
  • 34:20 : La vidéo HTML5 : limites et librairies
  • 36:30 : Drag and Drop et sélection multiple : démo IE6 (applet, flash), retour d'implémentation en prod, transcodage en HTML5
  • 41:10 : conclusion : partez sur les standards, utilisez les librairies, jouez et testez

Vu mon débit de parole lorsque je suis sous le feu de la rampe j‘ai terminé 10 minutes avant l‘heure prévue. La scéance de question / réponses a donc pu être longue et très intéressante :

  • 44:10 : la remarque qui tue à propos de l‘accessibilité actuelle de HTML5 par Aurélien Levy (j'ai développé ses argument dans ce post sur l'accessibilité de HTML5). Pour résumer : je maintiens que à part 2 bugs, l‘accessibilité n‘est pas dégradée même pour IE6.
  • 47:30 : remarque sur la surenchère de librairie JS sur les formulaires chez certaines sociétés
  • 49:20 : on revient sur ma mauvaise opinion de l‘implémentation de la vidéo HTML5
  • 51:20 : ARIA sera t il toujours utile ? (oui)
  • 52:00 : on re-discute de l‘accessibilité de HTML5 entre pros
  • 53:45 : HTML5 boilerplate
  • 54:05 : question sur l‘interprétation du doctype HTML5 par IE6 (réponse mal dite : IE n‘a que 2 modes, standard ou quirskmode)
  • 55:25 : inquiétude sur les failles de sécurité des librairies

La vidéo

Les slides

Les slides vus à la conférence sont ceux ci : HML5 c‘est maintenant (IE6 inclus)

Html5 now light from Jean-Pierre Vincent

Vous trouvez 3 fois plus de détails concernant HTML5 dans une autre série de slides, avec notamment le détail de Audio/Video, un exemple de microdata, le détail du problème des nouveaux éléments et du localStorage et une implémentation de géolocalisation. Bref, à regarder au calme chez soi pour se former.

Une suite ?

Ma prochaine conf sur HTML5 sera plus petite, mais complémentaire de celle ci : à la Kiwi Party organisée par Alsacréations, j‘essaierais de montrer qu‘intégrer HTML5 dans son processus de fabrication de site ne devrait rien changer tant qu’on respecte déjà les bonnes pratiques. En parallèle mon projet actuel tourne uniquement autour du passage à HTML5, j‘aurais l‘occasion de vous en reparler dès qu‘il pourra être rendu public.