Slides, quelques démos et vidéos des sessions IE10/HTML5/CSS3 des Techdays 2012
La version HTML5 de la session IE10
Plusieurs 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:
Nouveautés html5 et css3 dans internet explorer 10 from davrous
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 :
Création d’une application gérant l’offline et le stockage
Création d'une application html5 utilisant canvas, svg et les animations css3
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 :
- Démo balise vidéo avec player VideoJS
- Démo simple de CSS3 Grid
- SVG – Démo Bing Maps
- SVG – Complex document
- SVG – RaphaelJS
- SVG – HighCharts.com
- SVG – Accessibilité
- Canvas – MandelBrot
- Canvas – Complex charting
- Canvas – Bolas Lenses
- Canvas – Accessibilité
- Canvas – Coding4fun YODA
- CSS3 Transitions – jeu de puzzle
- 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 :
- Introduction aux APIs graphiques d’HTML5: SVG & Canvas (1/2)
- Introduction aux APIs graphiques d’HTML5: SVG & Canvas (2/2)
- Introduction aux transitions CSS3
- Introduction aux animations CSS3
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