{"id":732,"date":"2010-12-03T02:05:54","date_gmt":"2010-12-03T01:05:54","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=732"},"modified":"2015-01-18T16:43:44","modified_gmt":"2015-01-18T15:43:44","slug":"les-alternatives-a-flash-des-solutions-en-css3-html5-et-js","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/css-css3\/les-alternatives-a-flash-des-solutions-en-css3-html5-et-js","title":{"rendered":"Les alternatives \u00e0 flash, des solutions en CSS3, HTML5 et JS"},"content":{"rendered":"

Depuis l’apparition des mobiles et la domination sur le monde de l’iPhone (non non c’est pas vrai, ne paniquez pas !), des alternatives \u00e0 flash sont recherch\u00e9es pour offrir au visiteur d’un site Web une exp\u00e9rience aussi int\u00e9ressante, ou presque, que sur un site full flash.
\nJe ne d\u00e9fends pas forc\u00e9ment les sites qui bougent partout dans tous les sens, mais je d\u00e9fends bien les alternatives, \u00e0 comprendre dans le sens : plusieurs solutions pour un probl\u00e8me donn\u00e9.<\/p>\n

Oui, je sens le besoin de me justifier dans l’utilisation du mot \u00ab\u00a0alternative\u00a0\u00bb car j’entends d\u00e9j\u00e0 les d\u00e9fenseurs de Flash me crier que cette technologie n’est pas un mal, et qu’il n’est donc pas n\u00e9cessaire d’y trouver une alternative (solution).
\nBen n’emp\u00eache que \u00e7a ne fonctionne pas sur iPhone & co, alors il faut bien trouver quelque chose qui puisse le remplacer ! Une autre solution \u00e0 un probl\u00e8me donn\u00e9…<\/p>\n

Place au CSS<\/h2>\n

Alsacr\u00e9ations<\/a> a publi\u00e9 une actu plut\u00f4t int\u00e9ressante sur l’outil Sencha Animator<\/a>.
\nJe vous invite donc \u00e0 lire le bon article de Dew \u00e0 ce sujet qui offre un point de vue plut\u00f4t neutre \u00e0 ce nouvel outil.<\/p>\n

\"\"Pour r\u00e9sumer, il s’agit d’un IDE<\/abbr> ressemblant fortement \u00e0 un outil de dessin et d’animation vectoriels (comme Synfig<\/a> ou Flash) permettant l’utilisation combin\u00e9e des keyframes et transitions en CSS3.<\/p>\n

Pour rappel j’avais publi\u00e9 un tutoriel sur Alsacr\u00e9ations (dont voici l’actu correspondante<\/a>) qui pr\u00e9sente la possibilit\u00e9 de r\u00e9aliser des animations gr\u00e2ce \u00e0 Keyframes de CSS3.
\nCet outil \u00ab\u00a0automatise\u00a0\u00bb ce proc\u00e9d\u00e9, ou tout du moins le rend beaucoup plus ais\u00e9.<\/p>\n

Le lien vers l’outil Sencha Animator<\/a>
\n<\/p>\n

Place \u00e0 HTML5<\/h2>\n

Adobe a pr\u00e9sent\u00e9 aux Adobe Max Awards un outil permettant de transformer un Flash en un document HTML5 permettant de reproduire le contenu anim\u00e9 du fichier vectoriel initial.
\nLe r\u00e9sultat, ou plut\u00f4t sa qualit\u00e9, d\u00e9pend bien entendu du fichier Flash initial, mais le projet est plut\u00f4t int\u00e9ressant et montre la volont\u00e9 d’Adobe de pr\u00e9senter une alternative possible pour le mobile (entre autres choses).<\/p>\n

Un tr\u00e8s bon article a \u00e9t\u00e9 publi\u00e9 sur ce sujet sur Clubic : Sneak Peeks : Adobe Max 2010<\/a>.<\/p>\n

Mais o\u00f9 va-t-on ?<\/h2>\n

J’en entends dire que les d\u00e9monstrations sont pourries, qu’on a plut\u00f4t l’impression de revenir en arri\u00e8re sur les possibilit\u00e9s et les qualit\u00e9s d’animation que nous offre Flash… bla bla bla.
\nAlors oui sur un point, les animations ne sont pas si \u00ab\u00a0explosives\u00a0\u00bb, \u00ab\u00a0grandioses\u00a0\u00bb, etc etc, mais le Web n’est-t-il pas mieux s’il est fonctionnel sur tout support ?
\nUn beau site avec des animations dans tous les sens c’est bien sympa, mais si c’est pour tuer le contenu m\u00eame du site, cela n’a aucun int\u00e9r\u00eat, vous en conviendrez.<\/p>\n

(Vous remarquerez mon effort \u00e0 ne pas parler de jQuery =D)<\/p>\n

Merci et \u00e0 la prochaine !<\/p>\n

Liens utiles et sources :
\n– Actualit\u00e9 d’Alsacr\u00e9ations sur l’outil Sencha Animator<\/a>
\n– Article sur le tutoriel \u00ab\u00a0Slideshow en CSS3 sans JS\u00a0\u00bb<\/a>
\n– L’outil Sencha Animator<\/a>
\n– Sneak Peeks : Adobe Max 2010<\/a><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

Depuis l’apparition des mobiles et la domination sur le monde de l’iPhone (non non c’est pas vrai, ne paniquez pas !), des alternatives \u00e0 flash sont recherch\u00e9es pour offrir au visiteur d’un site Web une exp\u00e9rience aussi int\u00e9ressante, ou presque, que sur un site full flash.<\/p>\n","protected":false},"author":4,"featured_media":765,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bluesky_dont_syndicate":"","_bluesky_syndication_accounts":"","_bluesky_syndication_text":"","footnotes":""},"categories":[17,50],"tags":[239,66,428,194,16,125],"coauthors":[597],"class_list":["post-732","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css-css3","category-ressources-telechargements","tag-adobe-max","tag-alternative","tag-css3","tag-flash","tag-html5","tag-javascript"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/732","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/comments?post=732"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/732\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media\/765"}],"wp:attachment":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media?parent=732"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=732"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=732"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}