Share
L'année 2011 a été une grande année pour l'avancement de HTML5 dans la communauté du développement Web. Il est devenu assez largement adopté, en particulier pour le Web mobile. Il y a eu de grands projets aidant les développeurs à utiliser HTML5, comme HTML5 Boilerplate de Paul Irish (techniquement 2010, mais popularisé en 2011) et des livres à profusion! Je recommande vivement le HTML5 pour les concepteurs Web de Jeremy Keith, publié par le vénérable A Book Apart (un service de Happy Cog). Mais ce qui a commencé comme un mouvement en 2010 est devenu la bonne façon de faire les choses en 2011, des sites Web mobiles aux améliorations progressives, et cela inclut l'intégration de HTML5 dans les thèmes WordPress..
Qu'est-ce que HTML5? Il s’agit de la dernière version du HTML, dont le développement a commencé en 2004. Certains des changements les plus notables dans HTML5 sont l’ajout des balises header, footer, article, nav et apart, ainsi que de nombreuses nouvelles entrées de formulaire, notamment des adresses de courrier électronique et téléphonique. (qui effectuera la validation appropriée pour vous), l'attribut de marque de réservation, qui vous permet de placer un exemple de texte dans un champ de formulaire et un ensemble de nouveaux éléments multimédias. Les éléments multimédias incluent la prise en charge de la vidéo, de l'audio et d'un canevas, ce qui vous permet de dessiner ou de modifier le contenu de façon dynamique..
HTML5 ouvre la voie à des sites Web plus rapides, plus interactifs et plus corrects sur le plan sémantique (pour ne pas dire que c'est le meilleur moyen de créer des sites Web adaptés aux appareils mobiles). Il inclut des fonctions qui nécessitaient javascript ou Flash, ce qui signifie que vos sites dépendent de moins et fonctionnent sur plus de plates-formes. Les sites Web les plus rapides adoptent le mieux, et quelle plate-forme plus adaptée que WordPress?
Alors, comment HTML5 a-t-il pénétré dans WordPress? Nous allons jeter un coup d'oeil…
Nous avons vu un nouveau thème en 2011, bien nommé "Twenty Eleven". En plus de présenter les nouvelles fonctionnalités de la version 3.0 / 3.2 et de proposer de très beaux changements de conception (y compris une typographie fantastique), Twenty Eleven est le premier thème WordPress prenant en charge HTML5 et CSS3. Je pense que c'est un grand pas en avant, puisque WordPress gère près de 15% du million de sites Web d'Alexa (*)..
Dans Twenty Eleven, nous constatons la prise en charge supplémentaire des balises HTML5 suivantes: , , , , et , qui peut être stylé à l'aide de CSS, comme Twenty Elevent utilise également html5shiv, une bibliothèque javascript qui ajoute les nouveaux éléments HTML5 au DOM pour Firefox, Chrome, IE7 +, etc..
Cela signifie beaucoup pour les développeurs, car ils peuvent désormais tirer parti de la puissance de HTML5 dans le thème par défaut de WordPress. nous pouvons créer des formulaires avec de meilleurs types de saisie, ajouter de nouveaux formats de support et utiliser , entre autres.
Avec le thème par défaut prenant en charge HTML5, d'autres thèmes ont emboîté le pas *. Une recherche rapide sur Google vous montrera une multitude de thèmes gratuits de thèmes WordPress HTML5 de cette année. La prise en charge de HTML5 est désormais une fonctionnalité des thèmes WordPress recherchée. Je suppose qu'à la même époque l'année prochaine, on supposera que HTML5 est compatible avec tous les nouveaux thèmes WordPress..
* Je sais qu'il y avait des thèmes HTML5 avant Twenty Eleven, mais encore une fois, il semble que le thème par défaut HTML5 ait reçu le sceau d'approbation / de soutien officiel de WordPress..
Les cadres de thèmes WordPress se lancent également dans l'action HTML5, ce qui signifie que tout thème utilisant ces cadres utilisera également HTML5. C’est vraiment là où nous pouvons (et avons vu) l’adoption généralisée de HTML5, car certains cadres peuvent alimenter des milliers de sites. Voici une liste de grands frameworks de thèmes WordPress, qui prennent également en charge HTML5:
En plus de cela, il existe des tutoriels HTML5 et des thèmes enfants pour Thematic et Thesis, qui sont des cadres assez volumineux dans la communauté WordPress. Nous avons également abordé la création de votre propre cadre WordPress dans une série en 4 parties (écrite par vous-même) qui prend en charge HTML5.
Outre les thèmes, il existe d'innombrables plug-ins qui permettent d'intégrer HTML5 dans les sites gérés par WordPress. Vous obtiendrez tout, de l'intégration de l'audio et de la vidéo HTML5, à la modification des divs en éléments HTML5 tels que et , pour créer des formulaires HTML5. Il y a même un plugin qui va insérer le Boilerplate HTML5 dans votre thème actuel.
Des plugins comme celui-ci permettent à toute personne utilisant WordPress, et pas seulement aux développeurs de thèmes, de rendre progressivement et progressivement leurs sites plus modernes et plus indépendants de la plate-forme grâce à la puissance de HTML5..
Bien que le mouvement HTML5 ait réellement démarré en 2010, il a pris de l'ampleur en 2011 et a fait son chemin dans le développement de WordPress. D'une multitude de thèmes (y compris le nouveau thème par défaut) et de frameworks, de plugins et plus encore, HTML5 avait laissé sa marque sur la communauté WordPress.
Afin de garantir la croissance HTML5 dans WordPress, il appartient aux développeurs comme nous de rester à la pointe de la technologie. Tous les principaux navigateurs voient les mises à jour et, avec ces mises à jour, davantage de fonctionnalités de HTML5 sont prises en charge. Nous pouvons alors commencer à intégrer ces fonctionnalités dans WordPress. À cause de cela, je suis impatient de voir ce que 2012 apporte.
Accentsconagua