Et hop, voici les slides de la session “Introduction à HTML5” que David et moi avons joués cet après-midi de la première journée des Microsoft Techdays 2011 à Paris.

Ils sont disponibles en ligne à l’adresse suivante (http://cid-ef021f8cff2b839c.office.live.com/view.aspx/Public/Presentations-Stanislas/TechDays%202011/Introduction%20%c3%a0%20HTML5%20v1.0c.pptx) et visibles directement depuis les Office WebApp

 

 

en complément, quelques lectures supplémentaires ou liens vers des démos HTML5 (que nous avons jouées durant notre session)

Google bets big en HTML5
http://radar.oreilly.com/2009/05/google-bets-big-on-html-5.html

Mais qui construit l'HTML5 ?
http://blogs.technet.com/b/stanislas/archive/2010/11/04/mais-qui-construit-l-html5.aspx

HTML 5 Editor Ian Hickson discusses features, pain points, adoption rate, and more
http://www.techrepublic.com/blog/programming-and-development/html-5-editor-ian-hickson-discusses-features-pain-points-adoption-rate-and-more/718

HTML is the new HTML5
http://blog.whatwg.org/html-is-the-new-html5

In praise of Internet Explorer 6
http://www.brucelawson.co.uk/2010/in-praise-of-ie6/

Tout savoir sur la balise audio
http://blogs.technet.com/b/stanislas/archive/2010/11/22/html5-ce-qu-il-faut-savoir-sur-la-balise-audio.aspx

Player Audio avec liste XML:
http://ie.microsoft.com/testdrive/HTML5/HTML5AudioXMLPlaylist/Default.html

Démo Balise vidéo
http://ie.microsoft.com/testdrive/Graphics/VideoPanorama/Default.html

Exemple de Fallback en Silverlight pour la balise vidéo
http://blogs.msdn.com/b/iefrance/archive/2010/09/24/une-acc-233-l-233-ration-mat-233-rielle-compl-232-te-pour-tous-les-233-l-233-ments-du-web.aspx

Canvas
1 – Les bases : http://ie.microsoft.com/testdrive/Graphics/CanvasPad/Default.html
2 – Jeu : http://www.mattpelham.com/vii/
3 – Graphique : http://thejit.org/demos/

SVG
Carte SVG ou l’on peut cliquer dessus : http://ie.microsoft.com/testdrive/Graphics/AtlaszurEuropawahl/Default.xhtml

Websockets -76 needs to be prefixed in experimental namespace
https://bugzilla.mozilla.org/show_bug.cgi?id=602028

Demo –ms CSS3 2D Transform
http://david.blob.core.windows.net/html5/IsoCube.html

Mythbusting: Why Firefox 4 won’t score 100 on Acid3
http://limi.net/articles/firefox-acid3

HTML5 Test Suite Conformance Results
http://test.w3.org/html/tests/reporting/report.htm

Démo Border Radius
http://ie.microsoft.com/testdrive/HTML5/01BorderRadius/