Aujourd’hui, nous allons examiner un peu comment et pourquoi on a commencé à considérer Flash comme un point négatif et comment nous pouvons éviter de perdre le même chemin avec les technologies modernes qui le remplacent.
Pourquoi nous détestons Flash
Qu'on le veuille ou non, le Web a activé Flash. L'ancien portier des affiches sur Internet est devenu un beau-fils roux, faisant ressortir un sentiment de haine totale chez de nombreux utilisateurs. Steve Jobs et le refus d'Apple d'autoriser Flash sur iOS ont en grande partie mené cette marche, mais tous les jours les internautes profitent de la technologie.
Pour plusieurs raisons, Flash était incroyable. Il a permis aux développeurs Web d’amener les sites Web à un niveau de dynamisme qui était auparavant impossible. Au lieu d'être un pays de pages statiques ennuyeuses, Internet est devenu un lieu où des expériences réellement immersives et totalement futuristes sont possibles.
Tout cela a eu un prix si. Avec l’essor de Flash, le Web est également devenu un endroit remarquablement buggy et lent. Les sites Web Flash nécessitent bien sûr le plugin Flash, et si vous ne possédez pas la dernière version, vous devriez aller le chercher ou cela ne fonctionnera pas.
Puis vint les barres de chargement. Le temps de chargement des pages sur des sites Flash purs augmente de façon exponentielle et soudaine? Chargement: 10%? Chargement: 11%? ? les fileuses sont devenues une partie de notre vie quotidienne.
Enfin, il y a le problème de la stabilité. Steve Jobs a déclaré que la plupart du temps, Flash est à blâmer lorsque Mac se bloque. C'est un peu hyperbole, mais l'essentiel de la déclaration laisse entrevoir une part de vérité. Nous avons tous connu le gel et le pire liés à Flash. À tel point que de nombreuses personnes téléchargent des plugins qui bloquent toute activité Flash, à moins que celle-ci ne soit approuvée manuellement.
Sagesse hollywoodienne
Dans le film Jurassic Park, Ian Malcom, spécialiste du chaos, a déclaré lors de la découverte d'une île de dinosaures vivants: «Vos scientifiques étaient si préoccupés de savoir s'ils le pouvaient ou non, ils ne se sont pas arrêtés de penser s'ils le devraient.
"Vos scientifiques étaient si préoccupés par le fait de savoir s'ils le pourraient ou non, ils ne se sont pas arrêtés pour penser s'ils le devraient." -Ian MalcomCette citation est très appropriée pour la montée en puissance de Flash. Les développeurs étaient tellement enthousiastes à l'idée de ce qu'ils pouvaient faire, ils ont oublié de demander ce qu'ils devrait faire. Flash va-t-il améliorer l'expérience globale ou l'aggraver? Qu'est-ce que je gagne en utilisant Flash et que sacrifie-je? La majorité de mes utilisateurs seront-ils satisfaits des décisions que j'ai prises? Quelle est la taille du bassin d'utilisateurs qui vont manquer et quelles options vais-je avoir pour eux?
Répéter l'histoire
Avance rapide jusqu'à maintenant. CSS3 et HTML5 sont arrivés pour sauver la journée. Flash est sur les cordes et prend chaque jour une nouvelle tournure alors que nous voyons de nouveaux exemples stupéfiants de sites étonnants construits uniquement en CSS, HTML et JavaScript.
Le HTML et le CSS sont intégrés aux navigateurs Web modernes et constituent l’essence même du Web mondial tel que nous le connaissons aujourd’hui. Il est donc possible de pouvoir utiliser ces technologies pour créer des pages dynamiques.
Cependant, à mesure que de plus en plus de développeurs optent pour ces technologies et commencent à les étendre à la limite, le syndrome de Jurassic Park commence à le définir. Nous sommes tous tellement préoccupés par ce qui est possible qu'il est facile de perdre de vue ce qui est permis.
De plus en plus, au fur et à mesure que je navigue sur le Web, je commence à voir des signes d’un avenir proche de celui de Flash. Les temps de chargement des pages augmentent à un point tel que le chargement? les messages font leur retour, les pages Web deviennent de plus en plus dépendantes du navigateur, les longues animations causent un blocage du navigateur; semble familier?
Ne vous méprenez pas, je suis le premier à dire que HTML5 et CSS3 sont non seulement l'avenir du Web, mais également la source des meilleures technologies actuelles. Cependant, je pense que certaines discussions sur la prudence sont appropriées si nous voulons éviter un scénario similaire à Flash.
Oui, nos nouveaux jouets sont géniaux, mais ralentissons un peu et posons-nous quelques questions importantes avant la mise en oeuvre.
Questions importantes
Vous trouverez ci-dessous une liste approximative et incomplète de questions à poser avant de mettre en œuvre certaines technologies de nouvelle génération sur votre site.
Le but est-il expérimental / éducatif?
Pour ceux qui sont prêts à me pointer du doigt et à mon offre hebdomadaire de techniques CSS3, je reçois un laissez-passer gratuit (n'est-ce pas pratique?). Mon travail consiste à discuter non seulement de l’état actuel du Web, mais également des tendances et des technologies à venir. En conséquence, ce blog et d'autres doivent absolument explorer et enseigner de nouvelles techniques à mesure qu'elles se présentent.
En tant qu'individu, vous avez également le droit d'expérimenter. Il n'y a pas de mal à mettre en place un terrain de jeu Web ou un site Web personnel avec des fonctionnalités expérimentales. Le problème se pose lorsque vous avez été embauché pour créer un site en partant du principe que la compatibilité maximale des utilisateurs est l'objectif principal. La plupart des entreprises ne voudront pas vous embaucher pour créer un site impressionnant pour les concepteurs de sites Web et un peu gênant pour les autres.
Qu'est-ce qui est gagné? Qu'est-ce qui est perdu?
Tout comme je l’ai recommandé lors de la mise en œuvre de Flash, quelle que soit la technologie nouvelle ou expérimentale, vous devez toujours peser avec soin vos avantages et vos inconvénients.
L'avantage est-il principalement un coup de pouce esthétique? Vaut-il un léger coup dans la convivialité? Que diriez-vous d'un grand? Du point de vue de l'utilisateur moyen non designer, ce choix va-t-il ajouter ou diminuer l'expérience?
Par exemple, imaginons que vous construisiez un menu déroulant animé utilisant du CSS3 pur au lieu de JavaScript, car vous le faites parce que c'est plus impressionnant ou parce que vous savez que vous pouvez réellement le rendre plus fonctionnel pour plus d'utilisateurs que si vous étiez parti. la route JS?
Tout revient au dilemme de Ian Malcom. S'il s'avère que vous pouvez tirer un tas de magie web moderne sur un site, demandez-vous toujours si vous devrait.
Parfois, les avancées contribueront à rationaliser votre site et à le rendre encore plus utilisable. D'autres fois, vous vous retrouverez avec du code gonflé et une page lente tout en brandissant votre bannière de progrès. Soyez juste honnête avec vous-même et décidez où tracer la ligne.
Est-ce que des utilisateurs manqueront?
Supposons que vous souhaitiez implémenter des animations Webkit Keyframe (un de mes goodies CSS3 préférés) sur un site client. Jetez-vous d'abord un coup d'oeil à vos analyses pour voir combien d'utilisateurs non-Webkit vous allez laisser tomber?
La compatibilité du navigateur était un problème majeur avant HTML5 et CSS3 et n’est que pire. La même logique que nous avons toujours utilisée s'applique toujours. Veillez simplement à concevoir avec chaque navigateur principal à l'esprit. En ce qui me concerne, vous ne devriez pas vous sentir mal à l'aise avec la mise en œuvre d'astuces et d'effets spécifiques au navigateur. Assurez-vous simplement que les autres utilisateurs ont toujours une expérience solide.
De toute évidence, nous parlons d'amélioration progressive. Commencez avec une base de fonctionnalités et d’esthétique qui fonctionne sur tous les principaux navigateurs, puis Ajoutez des extras spéciaux pour les personnes avant-gardistes qui utilisent un navigateur véritablement moderne.
Conclusion
Pour résumer, j'aime absolument HTML5 et CSS3. Je passe beaucoup de temps à expérimenter et à repousser les limites de ce que je pensais auparavant possible. Cependant, lorsque vous travaillez sur réal projets, je suis toujours prudent de ne pas aller trop loin et de créer un site qui ressemble non seulement à celui qui a été construit avec Flash, mais qui agit comme tel!
Laissez un commentaire ci-dessous et dites-nous comment vous envisagez l’utilisation des nouvelles technologies sur les sites clients. Adoptez-vous pleinement HTML5 et CSS3 ou faites-vous simplement appel de manière sélective là où de véritables améliorations peuvent être apportées?