J’avais envie de vous montrer que l’on peut faire, avec du HTML, certaines choses que les utilisateurs attribuent au Flash. Toutefois, je voulais en parler sans déclencher une guerre froide. J’ai donc opté pour une métaphore sympathique afin de vous expliquer le tout avec tact. Cette métaphore est celle du gâteau – parce qu’un gâteau, c’est inoffensif. On ne peut pas en dire autant d’un développeur qui défend ses convictions de développement.
Ce qui caractérise un gâteau Flash
Quand on pense à Flash, il y a quelques éléments qui nous viennent en tête. N’en déplaise à Adobe, en voici quelques uns dans une liste non-exhaustive :
- Le moule (l’espace rectangulaire de la page) :
Les sites en Flash nous ont habitué à un standard de taille fixe; un carré dans le milieu de la page où l’action se déroule. Le moule Flash place le contenu dans un carré sur une page web. - Le glaçage (les animations) :
Je pense que le glaçage figure au palmarès des raisons pour lesquelles on réalise des sites en Flash. On veut voir de l’animation, des transitions, des fondus, du 3D même; Flash permet ce genre de glaçage. - Une familiarité rassurante (l’adresse unique) :
Un gâteau, c’est rassurant. Tout le monde en reçoit à chacun de ses anniversaires. Souvent le même, notre préféré ou celui que notre mère faisait le mieux. En Flash, l’URL ne change jamais même si le contenu de la page change. Ce trait rassurant pour certain est souvent vu comme une faiblesse et une incohérence : si le contenu de la page change, on souhaiterait que l’adresse change aussi.
On peut débattre sur la validité de cette liste, mais ce sont les caractéristiques que nous avons tenté de reproduire dans notre gâteau HTML. Le gros avantage du gâteau HTML c’est qu’il offre aux utilisateurs une expérience gustative intéressante, peu importe les moyens technologiques dont ils disposent.
La recette
Ingrédients
Pas besoin de prendre des ingrédients alternatifs, ceux pour le gâteau HTML moderne suffisent amplement.
- La pâte à gâteau (CMS) :
Bien que ça n’est pas d’impact direct sur l’affichage, une bonne pâte à gâteau est indispensable afin d’avoir de la consistance en vue des étapes du glaçage et des chandelles. Le CMS (ou gestionnaire de contenu) est la partie administrative d’un site qui en facilite sa gestion. - La poudre à pâte (AJAX) :
Bien que ce ne soit pas une technologie en soit, mais plus un concept (comme le Web 2.0), il mérite sa place dans nos ingrédients. Le AJAX (une combinaison de JavaScript Asynchrone et de XML) permet de transmettre des données au serveur sans nécessiter un rafraîchissement de la page.
Également
Outre les instruments de base, voici des éléments essentiels à la réussite de cette recette.
- Le moule (CSS) :
Je sais, je sais, tous les gâteaux web utilisent le CSS, ce n’est pas une raison pour le laisser tomber. Le moule CSS est flexible et permet une variété de forme de gâteau infini. Attention toutefois, le moule peut se déformer dans les vieux fours… Le CSS (ou feuille de style) permet d’attribuer des caractéristiques visuelles aux éléments HTML. - Les chandelles (jQuery) :
Même si mes premières amours ont été avec YUI de Yahoo! pour les gâteaux corporatifs, j’utilise maintenant jQuery : moins de chandelles, plus de lumière! jQuery est une boîte à outils rassemblant un ensemble de fonctions visuelles de base.
Préparation
Assurez vous que le mélange à gâteau soit bien homogène. Ajoutez un soupçon de poudre à pâte. Ne mélangez pas trop une fois la poudre à pâte incorporer sinon le gâteau de lèvera pas. Faire cuire. Ajoutez le glaçage et les chandelles. Voilà!
Attention de ne pas trop mettre de chandelles. Il ne faut pas déformer le gâteau ou altérer le goût du glaçage.
Qu’est-ce que vous en pensez?
Si vous n’utilisez pas de 3D ou des fonctions avancées de modifications de photos, essayez ma recette et vous verrez que les 2 gâteaux, Flash ou HTML, auront le même goût pour l’usager. Un goût authentique, bien de chez nous, que l’utilisateur ait un téléphone intelligent ou un ordinateur souffrant d’un manque de mises à jour.
Évidement on ne fait pas 2 sortes de gâteau pour le plaisir. Simplement, la prochaine fois que vous voudrez faire un gâteau Flash, n’oubliez pas que le gâteau HTML peut aussi faire l’affaire.
Si vous voulez voir un exemple d’un site qui devait initialement être en Flash, mais qui a été conçu en HTML (entre autres pour des raisons de référencement), aller voir Sublim.













Vos commentaires
Est-ce que Silverlight risque de révolutionner le Web ou c’est blanc bonnet, bonnet blanc?
Silverlight à ses chances dans le corporatif. C# est un langage très répendu dans les entreprises. Les dernier chiffres que j’ai vu sur flash était de 97% des ordinateurs qui en étaient équipés.
97% après plus de 10 ans d’existence. Est-ce que Microsoft peut faire mieux? Je ne sais pas. Je ne suis pas un défenseur des technologies propriétaires sur Internet.
Dans mon livre à moi les révolutions à venir sont CSS3 et HTML5.
Par contre, l’avantage qu’a Silverlight sur CSS3 et HTML5 (si on les compare en termes de « technologies de l’avenir ») est son support immédiat dans Internet Explorer, qui reste le navigateur le plus utilisé encore aujourd’hui.
CSS3 et HTML5 sont très des technologies très prometteuses, mais Internet Explorer 8 n’a toujours pas implanté CSS 2.1 et XHTML 1.0 correctement. Alors HTML5, ça prendra un bout
Parfaitement d’accord. L’adoption de Silverlight sur Internet Explorer risque d’être beaucoup plus rapide que l’arrivé d’HTML5 et CSS3. Mais il ne faut aps perdre espoir!
J’allais dire justement que CSS 2 est même pas supporté correctement par tous les logiciels
Il faudrait unifier d’une manière quelconque les scripts clients et ceux serveurs… IMNSHO.
Si l’adoption de Google Wave est telle qu’elle semble le promettre, on est en droit de se demander si Internet Explorer va conserver sa position encore longtemps. Disons que Microsoft à encore le temps de contre-attaquer!
Moi mon gâteau html n’a pas tout à fait lever comme il se doit je n’ai pas mis assez de levure dans ma recette. HeHe !! Je veux dire qu’il me reste à toucher un peu au jquery pour eventuellement mettre un navbar en icone comme menu si quelqu’un pourrait m’aider à développer le menu je pourrais faire les icônes avec un moteur de recherche au look de macosx.
Bref! j’ai commencer à saisir le potentiel du css en modifiant mon blogue et je dois avouer que j’aime sa embailir avec du code css quand c’est facile de jouer dans le code, car il y a des css que c’est l’enfer juste penser à le modifier. J’adore mon thème le thème fresh pour wordpress c’est le meilleur thème pour commencer dans le css je trouve.
La parole est à vous
Additional comments powered by BackType