Idées fausses sur le HTML5
Avec près de dix ans d’expérience dans la conception de sites Web, je suis tombé sur de nombreuses idées fausses concernant les derniers outils et technologies de conception; mais rien ne bat les idées fausses entourant l'utilisation de HTML 5.
En tant que développeurs, nous avons notre propre série de croyances erronées sur une technologie donnée, mais lorsque nous commençons à utiliser cette technologie, nous sommes en mesure de comprendre de quoi il s'agit, son utilisation et sa portée.
Inspiré par certaines exigences HTML5 que j'ai rencontrées au fil du temps, je voulais ajouter mes deux centimes pour clarifier certains aspects de HTML5. La plupart des idées fausses entourant HTML5 sont dues au fait que beaucoup de personnes pensent que c'est un remplacement pour Flash.
Au début, je tiens à préciser que ce n'est pas un article HTML5 vs Flash. La vérité est que l’on ne peut pas remplacer l’autre, donc il n’ya pas de bataille «nous contre eux». Mais là est le noyau des idées fausses. Le problème est que les gens pensent que HTML5 est une alternative améliorée à Flash. Toutes les idées fausses sont le résultat de cette réflexion.
Aperçu technique de HTML 5
La cinquième révision majeure du langage du World Wide Web peut être écrite en HTML et en syntaxe XML et a été spécialement intégrée à des modèles de traitement détaillés pour faciliter les implémentations interopérables, tout en améliorant le balisage des documents HTML et des applications Web. Son objectif principal est de résoudre la dépendance entre plates-formes dans l'industrie du web.
Si tout cela vous semble grec, disons ce que fait HTML5 dans un langage facile à comprendre, sans entrer dans les détails techniques complexes:
- HTML5 est un langage de balisage mis à jour qui respecte les normes XML.
- L'idée de HTML5 est de garantir la cohérence des performances et de la sortie des produits Web sur tous les systèmes d'exploitation, y compris iOS, Android et Windows, entre autres.
Les idées fausses les plus courantes concernant HTML sont centrées sur la conception. Voyons donc ce que propose HTML 5 du point de vue de la conception.
- Le support audio et vidéo intégré, qui permet d’intégrer les médias directement dans des documents HTML, a rendu superflue l’utilisation de plug-ins externes.
- HTML5 prend en charge les éléments SVG et Canvas pour les animations.
- Offre aux concepteurs un élément de toile qui facilite le rendu des graphiques 2D en "mode immédiat". Cela signifie que les objets graphiques sont directement rendus à l'affichage.
- A été développé pour créer des applications interactives qui sont lourdes en contenu et qui sont non seulement conviviales, mais aussi optimisées pour le référencement.
Pourquoi les gens pensent-ils que HTML5 est un substitut Flash?
Flash est un programme de création multimédia qui aide à fournir un contenu Web interactif et engageant qui offre une expérience Web riche aux utilisateurs. C'est une plateforme très populaire qui atteint 99% des navigateurs de bureau et portables, et offre le même ensemble de performances techniques et visuelles sur tous les navigateurs. Mais il présente un inconvénient majeur, à savoir qu’il n’est pas efficacement pris en charge par les systèmes d’exploitation mobiles tels que iOS.
Pour cela, il y a HTML5.
Maintenant, regardez attentivement cette déclaration. À première vue, cela pourrait signifier que HTML5 est un substitut de Flash, lorsqu'il s'agit de développer des applications hautement interactives pour la plate-forme iOS.
Les scénarios, dans lesquels les clients ont demandé à leurs développeurs de répliquer une application Flash dans son intégralité en utilisant HTML5, pour un périphérique mobile ou une tablette particulier, sont assez courants. Le problème est que les plates-formes de développement et leurs fonctionnalités ne doivent pas être prises à leur valeur nominale. Oui, l'un des principaux avantages offerts par HTML 5 est de faciliter le développement d'applications fonctionnant sur tous les systèmes d'exploitation mobiles, plutôt que de coder une nouvelle application pour chaque système d'exploitation mobile.
Mais cela ne signifie pas que c'est un remplacement Flash.
Les idées reçues sur HTML5
Je vais vous présenter une série de scénarios qui illustrent les idées fausses que les gens ont au sujet de HTML 5.
Scénario 1 : Convertir un outil de conception Flash existant en HTML 5
La fausse idée : HTML 5 ne peut pas masquer les images de manière similaire à Flash; son masquage d'image n'est ni précis ni lisse. Plus important encore, Flash est plus rapide et concerne des fonctionnalités spécifiques telles que le calcul des surfaces et des diamètres; Flash est une option bien meilleure. Des fonctionnalités telles que Drag / Scale et Zoom fonctionnent également mieux avec Flash que HTML 5.
Scénario 2 : Convertir un Bibliothèque audio basée sur Flash dans une bibliothèque compatible avec la tablette HTML5.
La fausse idée : HTML5 offre un support audio et vidéo mais avec certaines limitations. Ce site Web basé sur Flash contenait près de 800 fichiers mp3; ce qui en fait une application à grande échelle. Le problème réside dans le fait que si Mozilla supporte le format .ogg et que chrome / safari supporte le format .mp3, si le navigateur préféré de l'utilisateur est IE8, le lecteur Flash Audio devient une nécessité. Les extensions limitées disponibles sur HTML5 signifient que la seule solution est de convertir tous les fichiers audio en deux formats - mp3 et ogg / wave. La conversion de 800 fichiers en deux formats de fichiers ne constitue pas seulement un processus fastidieux, mais augmente également le stockage sur le serveur.
Le résultat est une application iPad qui ralentit les blocages.
Scénario 3 : Convertir un Site Web basé sur Flash dans un site Web basé sur HTML5.
La fausse idée: Il y a une idée fausse que HTML5 peut gérer toutes sortes d'animations, même celles de la grande variété. Mais ça ne peut pas, du moins pas encore. Sa capacité à offrir des effets 3D et à exécuter plusieurs animations en même temps est extrêmement limitée. C'est la configuration du système qui détermine les performances des animations HTML5 et jusqu'à présent, cela s'est avéré être un moyen de mémoire. Il y a de fortes chances que l'utilisation de HTML5 ait une incidence sur les performances du site Web s'il lui est demandé de faire beaucoup d'animation. Soit le site va se bloquer ou sa vitesse sera affectée. Ainsi, dans le cas ci-dessus, le site Web HTML 5 pourrait ne pas être en mesure d'offrir la même marque de performance.
Démystifier les idées fausses communes à HTML 5
Tout d'abord, HTML 5 offre une solution audio et vidéo très pratique avec des fonctionnalités avancées. Tout va bien, mais ce que beaucoup ignorent, c'est le fait que ces fichiers audio et vidéo sont lus dans les navigateurs. Chaque navigateur dispose de plug-ins intégrés pour l'audio et la vidéo, mais différents navigateurs prennent en charge différentes versions de l'audio et de la vidéo. De ce fait, il devient difficile de répondre aux exigences de tous les navigateurs.
Deuxièmement, les éléments SVG et Canvas ont clairement facilité l'implémentation et l'intégration des animations 2D pour les développeurs, mais il a été observé que cette animation a un effet néfaste sur les performances du site. En outre, HTML5 s'avère faible en matière de gestion des animations 3D, ce qui empêche les développeurs de répliquer un site Web Flash complet avec une efficacité similaire en HTML5. Il y aura toujours des limites.
Troisièmement, vous pouvez utiliser des applications Internet riches en HTML5, mais ne croyez pas qu’elles peuvent vous offrir la même efficacité et les mêmes fonctionnalités que Flash / Flex, par exemple, Flash peut communiquer directement avec des services distants, alors que HTML5 ne peut pas le faire. .
Maintenant que vous savez ce que HTML5 ne peut pas faire, permettez-moi de vous offrir une petite liste de choses que HTML5 peut faire et, en fait, peut très bien faire. Cela peut également aider à réduire considérablement les idées fausses.
- Vous pouvez créer une application unique qui fonctionne sur l'iPad, l'iPhone, Windows, etc. En d'autres termes, elle facilite l'indépendance de la plate-forme / du périphérique - un énorme avantage en soi.
- Permet de développer un site Web unique fonctionnant sur la tablette, le mobile et le bureau en même temps.
- Si elle est utilisée correctement et comme elle est censée être utilisée, elle peut améliorer les performances du site Web.
- Permet l'utilisation de balises audio et vidéo sur toutes les plates-formes, mais préparez-vous à faire un peu de travail.
- La vidéo, l'audio et les images sont tous écrits directement dans les codes, ce qui élimine le besoin de tout logiciel tiers.
- Temps de chargement plus rapide par rapport à son ancienne version en raison de l'implémentation de WebSockets.
- Offre de superbes animations vectorielles pour les effets graphiques et lumineux, mais n'attendez pas de la lune, du soleil et des étoiles pour les animations; Flash est en avance sur cet aspect.
- Fournit la validation de formulaire intégrée appropriée et les déclarations de type pour offrir un support de clavier spécifique.
HTML 5 a définitivement le potentiel de mettre à jour Flash à plus d’un titre, mais c’est actuellement un travail en cours. Même dans son avatar actuel, les applications pour téléphones mobiles sont plus accessibles et les développeurs peuvent désormais créer des applications universelles pour différents téléphones mobiles. En outre, il ne fait aucun doute qu'il offre plus de flexibilité dans la créativité du site. Pour l'instant, cela suffit. Ce qui se passe dans le futur est une pure hypothèse.
Avertissement: Toutes les illustrations utilisées dans cet article sont uniquement à des fins d'explication pour expliquer les scénarios pertinents.
Implémentez-vous déjà des fonctionnalités HTML5 qui ne sont pas largement prises en charge? Quelles fonctionnalités avez-vous le plus hâte d'adopter? Faites le nous savoir dans les commentaires!