HTML5, une révolution à plusieurs niveaux
Cet après-midi j’ai fait un survol rapide de 45 minutes sur HTML5 au Mobiz. J’en ai profité pour introduire quelques éléments que je considère révolutionnaire pour HTML5, des éléments que l’on peut utiliser sans crainte dès aujourd’hui.
Pour ceux qui étaient présent, tel que promis, voici ma présentation:
Voici quelques ressources et liens vers des exemples que j’ai utilisé durant ma présentation, question de vous faciliter la vie:
Introduction
- Contre Jour: http://www.contrejour.ie
- Illy Issimo: http://us.illyissimo.com/
- Windows Azure: (doit avoir un compte): http://manage.windowsazure.com
- SVG girl: http://jsdo.it/event/svggirl/
- W3C HTML Working Group: http://www.w3.org/html/wg/
- La spécification HTML5: http://dev.w3.org/html5/spec/
Vidéo
- Support des formats: http://en.wikipedia.org/wiki/HTML5_video
Plus que le Web
- PhoneGap: http://www.phonegap.com
- HTML5/CSS3/JavaScript for Windows 8: http://j.mp/ZzXznE
Canvas
- Canvas Pad: http://j.mp/Soh0K1
- Speed Reading: http://j.mp/TZM6LR
- Canvas & vidéo, blow it up: http://j.mp/XFoA9C
- AI to Canvas: http://visitmix.com/labs/ai2canvas
Web Open Font Format
- IE Test Drive Fonts: http://j.mp/TJ0wy2
- Font Squirrel: http://www.fontsquirrel.com/
- Convert otf to woff: http://orionevent.comxa.com/otf2woff.html
Géolocalisation
- Foursquare playground: http://fsplayground.cloudapp.net/
Responsive Web Design
- Article Ethan Marcotte: http://j.mp/QHkDiW
- Screenfly: http://quirktools.com/screenfly/
- Multi-Device Layout Patterns: http://www.lukew.com/ff/entry.asp?1514
- Livre Responsive Web Design: http://j.mp/TJ1N84
- Exemples Media Queries: http://mediaqueri.es/
Mobile First
- Article de Luke Woblewski : http://www.lukew.com/ff/entry.asp?933
- Livre Mobile First: http://www.abookapart.com/products/mobile-first
- Présentation de Luke Woblewsky : http://vimeo.com/38187066
- Livre Tapworthy: http://shop.oreilly.com/product/0636920001133.do
Stratégies d’adoption
- When can I use: http://caniuse.com/
- Modernizr: http://www.modernizr.com/
Divers
- Internet Explorer 10 & Windows 8: http://bit.ly/PtZ3OL
- Internet Explorer 10 Preview pour Windows 7: http://bit.ly/SaL0eY
- Make Awesome Web: http://makeawesomeweb.com/
- Dive into HTML5: http://diveintohtml5.info/
- HTML5 learning: http://msdn.microsoft.com/en-ca/ie/aa740476
- IE Test drive: http://ie.microsoft.com/testdrive/
Frameworks
- jQuery: http://jquery.com/
- Less Framework: http://lessframework.com/
- Knockout: http://knockoutjs.com/
- Kendo UI: http://www.kendoui.com/
- Backbone.js: http://backbonejs.org/
- HTML5 boilerplate: http://html5boilerplate.com/
- Bootstrap: http://twitter.github.com/bootstrap/
Outils
- WebMatrix: http://www.microsoft.com/web/webmatrix/
- jsFiddle: http://jsfiddle.net
- Visual Studio 2012 Express for Web: http://j.mp/W7BLuZ
Et bien sûr, HTML5mtl. Donc, essayez le et amusez-vous avec HTML5.
/*Comments*/
Trackbacks
Trackback: Fred's tees #6 - Like a boss - Out of Comfort Zone
[...] I was presenting at Mobiz on HTML5, and I was wearing my Like a boss tee. As some people ...
http://outofcomfortzone.net/2012/11/17/freds-tees-6-like-a-boss/
Trackback: Ma foi en l'humanité a atteint un seuil critique - Out of Comfort Zone
[...] foi en l’humanité a atteint un seuil critique À la fin du Mobiz la semaine passée, je suis ...
http://outofcomfortzone.net/2012/11/19/ma-foie-en-lhumanite-atteint-un-seuil-critique/