La version HTML5 de la session IE10

imagePlusieurs d’entre vous m’ont demandé s’ils pouvaient avoir accès à l’application HTML5 que j’ai utilisée pendant ma session générale sur les nouveautés d’HTML5 et CSS3 dans Internet Explorer 10 des Techdays 2012. Vous pouvez la jouer depuis cette adresse : version interactive des slides en HTML5 .

L’ensemble complet des démos ne fonctionne que dans la version dite “PP3” (pour Platform Preview 3) d’IE10. Mais si vous avez un autre navigateur récent comme un des derniers Chrome ou Firefox, la quasi-totalité des démos devraient également fonctionner (comme CSS3 3D Transform, Transition, Animation, etc.).

En fait, il n’y a en gros que CSS3 Grid (-ms-grid) ne fonctionnant que sous IE10 pour l’instant.

Les présentations à voir ou à télécharger

Vous pouvez voir les slides de la session “nouveautés HTML5 et CSS3 dans IE10” ici:

Mais avec mon ami David Catuhe, nous avons également animé 2 autres sessions autour d’HTML5 et IE10 ayant pour support l’application Snapyx dont voici les slides :

Quelques démonstrations à revoir en ligne

Voici une partie des démos que nous avons jouées dans la session sur Canvas, SVG & animations CSS3 :

  1. Démo balise vidéo avec player VideoJS
  2. Démo simple de CSS3 Grid
  3. SVG – Démo Bing Maps
  4. SVG – Complex document
  5. SVG – RaphaelJS
  6. SVG – HighCharts.com
  7. SVG – Accessibilité
  8. Canvas – MandelBrot
  9. Canvas – Complex charting
  10. Canvas – Bolas Lenses
  11. Canvas – Accessibilité
  12. Canvas – Coding4fun YODA
  13. CSS3 Transitions – jeu de puzzle
  14. CSS3 Animations – StarWars AT-AT

Des articles complémentaires à lire

A noter qu’avec David, nous avons écrit une série d’articles tournant autour de ces sujets où vous retrouverez notamment nos “helpers”/librairies de “fallback” pour CSS3 Transitions/Animations. Les voici :

Les vidéos à voir ou à revoir

Vous pouvez dors et déjà revoir la session “Création d’une application HTML5 utilisant Canvas, SVG et les animations CSS3” car elle est déjà en ligne ici: Replay du live Tehdays 2012 du mercredi 8 février et cliquez directement sur le dernier marqueur “Session Technique” pour sauter dans le temps vers 8h54.

Au sujet de l’application Snapyx, nous travaillons actuellement à sa finalisation pour la mettre en ligne publiquement et vous laissez jouer avec. En attendant, vous pouvez la revoir dans la vidéo en ligne de la session précédente ou à la fin de la plénière du 1er jour dédiée aux développeurs (vers 1h02 sur la timeline) sur YouTube ici:

A bientôt pour de nouvelles aventures HTML5 !

David