Retour de la barre de chargement: CSS3 et HTML5 sont-ils le nouveau Flash?

Aujourd'hui, nous allons discuter un peu de la manière et des raisons pour lesquelles Flash a été considéré de manière négative et comment nous pouvons éviter de suivre le même chemin avec les technologies modernes qui le remplacent.

Explorez Envato Elements

Pourquoi nous détestons Flash

Qu'on le veuille ou non, le Web a activé Flash. L'ancien garçon d'affiche d'Internet est devenu un beau-fils aux cheveux roux, faisant ressortir des sentiments de haine pure et simple chez de nombreux utilisateurs. Cette marche a été largement menée par Steve Jobs et le refus d'Apple d'autoriser Flash sur iOS, mais chaque jour les internautes ont longtemps eu un bœuf avec la technologie.

Pour plusieurs raisons, Flash était incroyable. Cela a permis aux développeurs Web d'amener les sites Web à un niveau de dynamisme qui était auparavant impossible. Au lieu d'une terre de pages statiques ennuyeuses, Internet est devenu un endroit où des expériences futuristes vraiment immersives et carrément possibles étaient possibles.

Tout cela a cependant eu un prix. Avec l'essor de Flash, le Web est également devenu un endroit remarquablement bogué et lent. Les sites Web Flash nécessitent bien sûr le plugin Flash, et si vous n'avez pas la dernière version, vous feriez mieux de l'obtenir ou cette chose ne fonctionnera pas.

Viennent ensuite les barres de chargement. Les temps de chargement des pages sur les sites Flash purs augmentent de façon exponentielle et soudainement «Chargement: 10%… Chargement: 11%…» Les filateurs font désormais 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, lorsque les Mac se bloquent, Flash est à blâmer. C'est un peu d'hyperbole, mais le cœur de la déclaration fait allusion à une certaine vérité. Nous avons tous connu un gel lié à Flash et pire encore. À tel point que de nombreuses personnes téléchargent des plugins qui bloquent toutes les activités Flash, sauf si elles sont approuvées manuellement.

Hollywood Wisdom

Dans le film Jurassic Park, le spécialiste du chaos Ian Malcom remarque en trouvant une île de dinosaures vivants, "vos scientifiques étaient tellement préoccupés de savoir s'ils le pouvaient ou non, ils ne se sont pas arrêtés pour penser s'ils le devaient."

"Vos scientifiques étaient tellement préoccupés de savoir s'ils le pouvaient ou non, ils n'ont pas cessé de penser s'ils le devaient." -Ian Malcom

Cette citation est très appropriée pour l'essor de Flash. Les développeurs étaient tellement excités par ce qu'ils pouvaient faire qu'ils ont oublié de demander ce qu'ils devaient faire. Est-ce que Flash améliorera l'expérience globale ou l'aggravera? 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 pool 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 situation. Flash est dans les cordes et prend un nouveau coup tous les jours alors que nous voyons de nouveaux exemples étonnants de sites étonnants construits uniquement avec CSS, HTML et JavaScript.

Le HTML et le CSS sont intégrés dans les navigateurs Web modernes et sont l'épine dorsale du Web mondial tel que nous le connaissons aujourd'hui, donc pouvoir utiliser ces technologies pour créer des pages dynamiques est le rêve d'un concepteur de sites Web devenu réalité.

Cependant, alors que de plus en plus de développeurs choisissent ces technologies et commencent à les étendre à leurs limites, Jurassic Park Syndrome commence à les 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 qu'un futur semblable à Flash approche. Les temps de chargement des pages augmentent au point que les messages de «chargement» reviennent, les pages Web deviennent assez dépendantes du navigateur, de longues animations provoquent des blocages du navigateur; semble familier?

Ne vous méprenez pas, je suis le premier à me lever et à dire que HTML5 et CSS3 ne sont pas seulement l'avenir du web mais la source des meilleures technologies actuelles. Cependant, je pense que certaines conversations sur la prudence sont appropriées si nous voulons éviter un scénario de type Flash.

Oui, nos nouveaux jouets sont géniaux, mais ralentissons un instant et posons-nous quelques questions importantes avant la mise en œuvre.

Questions importantes

Voici une liste approximative et incomplète de questions que vous devez vous 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 d'entre vous prêts à pointer du doigt moi et mon offre hebdomadaire de techniques CSS3, je reçois un laissez-passer gratuit (n'est-ce pas pratique?). C'est mon travail de discuter non seulement de l'état actuel du Web, mais aussi des tendances et technologies à venir. En conséquence, ce blog et d'autres devraient absolument explorer et enseigner de nouvelles techniques à mesure qu'elles surviennent.

En tant qu'individu, vous avez également le droit d'expérimenter. Il n'y a aucun mal à mettre en place une aire de jeux 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 supposant que la compatibilité maximale des utilisateurs est un objectif principal. La plupart des entreprises ne seront pas folles de vous embaucher pour créer un site qui n'est impressionnant que pour les autres concepteurs de sites Web et légèrement ennuyeux pour tout le monde.

Que gagne-t-on? Qu'est-ce qui est perdu?

Tout comme je l'ai recommandé avec la mise en œuvre de Flash, avec toute technologie nouvelle ou expérimentale, vous devez toujours peser soigneusement 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 concepteur, ce choix s'ajoutera-t-il à l'expérience?

Par exemple, disons que vous créez un menu déroulant animé de fantaisie en utilisant CSS3 pur au lieu de JavaScript, faites-vous cela parce qu'il est plus impressionnant ou parce que vous savez que vous pouvez vraiment le rendre plus fonctionnel pour plus d'utilisateurs que si vous y étiez allé la route JS?

Tout revient au dilemme d'Ian Malcom. S'il s'avère que vous pouvez retirer un tas de sorcellerie Web moderne sur un site, demandez-vous toujours si vous le devriez .

Parfois, les avancées aideront à 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 agitant votre bannière de progression. Soyez honnête avec vous-même et décidez où tracer la ligne.

Des utilisateurs manqueront-ils?

Supposons que vous souhaitiez implémenter des animations d'images clés Webkit (l'un de mes cadeaux CSS3 préférés) sur un site client, jetez-vous d'abord un coup d'œil à vos analyses pour voir combien d'utilisateurs non Webkit vous laisserez de côté?

La compatibilité du navigateur était un problème majeur avant HTML5 et CSS3 et n'est que pire maintenant. La même logique que nous avons toujours utilisée s'applique toujours. Assurez-vous simplement de concevoir avec tous les principaux navigateurs à l'esprit. En ce qui me concerne, vous ne devriez pas vous sentir mal à propos de l'implémentation de trucs et d'effets spécifiques au navigateur, assurez-vous simplement que les autres utilisateurs ont toujours une solide expérience.

Évidemment, 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 utilisant un navigateur vraiment moderne.

Conclusion

Pour résumer, j'adore absolument HTML5 et CSS3. Je passe beaucoup de temps à expérimenter et à repousser les limites de ce que je pensais auparavant possible. Cependant, lorsque je travaille sur de vrais projets, je suis toujours prudent lorsque j'exagère et que je crée un site qui non seulement semble avoir été construit avec Flash, mais agit comme ça!

Laissez un commentaire ci-dessous et dites-nous comment vous abordez l'utilisation des nouvelles technologies sur les sites clients. Adoptez-vous pleinement HTML5 et CSS3 ou les appelez-vous de manière sélective là où de véritables améliorations peuvent être apportées?