Flash vs-html5-adrien-leygues-pw-2011

Agenda FLASH ou HTML5 Quelles technos choisir et pour quel prix ?

HTML5 : Les technos Ce n’est pas : CSS JAVASCRIPT SVG PNG http://www.w3.org/TR/html5/

HTML5 : Les technos C’est : Un ensemble de balises Des API http://www.w3.org/TR/html5/

HTML5 : Un buzzword pour les réunir tous Clients Décideurs Marketing Créatifs Développeurs Ergonomes … HTML + CSS + JAVASCRIPT + AJAX + SVG HTML5 Applications riches Creative commons - LeJoe

HTML5 == FLASH ? NON. NISSAN JUKE : goo.gl/JKiCi

HTML5 == FLASH ? NON. NUMANTHIA : http://goo.gl/HeOYx

DEMONSTRATIONS

HTML5 et ses limites Pas toujours possible de faire à l’identique Nécessite des adaptations graphiques De 2 à 3 fois plus cher qu’un équivalent Flash Les outils Flash sont maîtrisés et fiables

HTML5 et ses limites : Cross-Compatibilité Fallback : Ici du Flash pour afficher de la vidéo sur IE 6/7/8 > 2 développements

HTML5 et ses limites : Performances VISIONS OF BEAUTIES : http://goo.gl/dV5K0 IE6/IE7/IE8 : 40% de dév. en plus Impossibilités de dév. Moteur JS à genoux Implémentation CSS trop faible iPad : Moteur JS à genoux mais accélération 3D via CSS

HTML5 et ses limites : Solutions Google Chrome Frame IE Frame ?

HTML5 et ses limites : IE6 (et IE7 voire IE8) LA CHINE : Un problème pour les sites internationaux 34% d’utilisateurs dans un pays de 1 350 millions d’internautes ! http://www.ie6countdown.com/

HTML5 : Des outils d’animation Enfin des IDE HTML/CSS/JS pour animer du contenu : - 12 ans de retard sur Flash - Optimisé iTruc (Bouh!) - Un nouvel horizon

HTML5 : Les avantages Interopérabilité Cross-Device : Mobile, Browser Web Tv, Browser Console Javascript un langage puissant : NodeJS, jQuery, Javascript MVC, Unity3D, AVES-Engine, Backbone … SEO / Accessibilité / ARIA SANS PLUG-IN !

Conclusion Réfléchir en amont des projets avec les différents profils pour définir les technos utilisées en fonction des contraintes d’accessibilité, de référencement, de coûts et de cible Définir les apports de chaque technologie et ne pas être catégorique, HTML5 et Flash sont complémentaires

Des questions ?

Agenda MERCI !

Icônes : http://www.wefunction.com/ Adrien Leygues http://www.bootleygues.net/ http://twitter.com/Voulf [email_address]

http://oseox.fr	942
http://www.bootleygues.net	564
http://www.paris-web.fr	46
http://speakerrate.com	45
http://tyseo.blogspot.com	13
http://paper.li	8
http://a0.twimg.com	6
http://lanyrd.com	5
http://christophebenoit.com	2
http://www.slideshare.net	1
http://67.207.142.125	1
http://tweetedtimes.com	1
http://us-w1.rockmelt.com	1
http://tyseo.blogspot.fr	1

Flash vs-html5-adrien-leygues-pw-2011

by Adrien Leygues on Oct 15, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

14 Embeds 1,636

Statistics

Flash vs-html5-adrien-leygues-pw-2011 — Presentation Transcript