Agenda FLASH ou HTML5 - Paris Web · HTML + CSS + JAVASCRIPT ... Réﬂéchir en amont des projets...

Flash ou HTML5 : Quelles technos choisir pour quel prix ? ! Paris Web 2011 | Adrien Leygues!

Agenda FLASH ou HTML5!Quelles technos choisir

et pour quel prix ?


HTML5 : Les technos

Ce nʼest pas : CSSJAVASCRIPTSVGPNG��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 MarketingCré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 FrameIE 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 !


Adrien Leygues http://www.bootleygues.net/ http://twitter.com/Voulf [email protected]

Icônes : http://www.wefunction.com/

Agenda FLASH ou HTML5 - Paris Web · HTML + CSS + JAVASCRIPT ... Réﬂéchir en amont des projets...

Documents

Transcript of Agenda FLASH ou HTML5 - Paris Web · HTML + CSS + JAVASCRIPT ... Réﬂéchir en amont des projets...