Il existe une énorme quantité de fonctionnalités sur le Web. Le projet Browser Compatibility Data en répertorie plus de 14 000 ! Comment donner un sens à tout cela ?

C’est une question restée longtemps sans réponse. Oui, tous les développeurs Web utilisent caiuse.com. Ou ils recherchent sur Google ou demandent peut-être à Chatgpt. Le problème est que ces outils ont des réponses à des questions spécifiques, mais manquent d’une vue d’ensemble ou de liens vers la source de la vérité.

Le groupe WebDX

Pas plus! Le groupe WebDX fait désormais un travail incroyable en organisant, catégorisant et nommant les choses (← c'est la partie la plus difficile, comme vous le savez) autour de la plateforme web. Ils tentent d'améliorer l'expérience globale des développeurs avec le Web et les navigateurs de manière coordonnée.

WebDX est un groupe communautaire qui fait partie du W3C. Vous pouvez voir ce qu’ils cuisinent dans leurs référentiels. La sortie la plus intéressante pour moi est le dépôt de fonctionnalités Web. Ce qu'ils ont fait, c'est classer une énorme quantité de fonctionnalités spécifiques dans un ensemble plus compréhensible de fonctionnalités de niveau supérieur.

Par exemple, l'une des nouvelles fonctionnalités disponibles est Définir les méthodes. Toute nouvelle méthode de manipulation d'un ensemble pourrait être une fonctionnalité unique. Cependant, cela devient beaucoup plus utile s'il est communiqué et documenté comme une fonctionnalité unique de haut niveau.

Le document

L'autre partie explique comment trouver des informations détaillées sur une fonctionnalité. Eh bien, c'est là qu'intervient l'initiative Open Web Docs. Même si MDN a toujours été une excellente référence, il y a eu un manque de contenu pratique. Le groupe Open Web Docs tente de changer cela. Ils créent une tonne de nouveaux didacticiels, guides et explicatifs pour la documentation Web MDN, ainsi que des mises à jour des données sous-jacentes – BCD (Browser Compat Data).

Un exemple est une page sur MDN sur les couleurs relatives. Il est clairement mappé à une fonctionnalité Web de haut niveau. Il offre une bien meilleure compréhension et un meilleur contexte autour de cette fonctionnalité que les pages de référence individuelles pour chaque fonctionnalité de couleur.

Les enquêtes

Ce qui est vraiment bien dans l'effort ci-dessus, c'est qu'ils veulent vraiment collaborer. Ils prennent en compte les résultats d'enquêtes telles que The State of HTML et The State of CSS, et peuvent ensuite utiliser le même ensemble de noms pour les fonctionnalités Web afin de suivre les résultats d'enquêtes à leur sujet.

Et d'ailleurs, pendant que vous remplissez ces sondages, vous pouvez cliquer sur le bouton « Ajouter à la liste de lecture ». Il vous présentera des liens vers MDN où vous pourrez en savoir plus sur exactement les choses que vous ne saviez pas.

La réalité

Excellent, mais le Web s'améliore-t-il ? Bon sang, oui, ça l'est !

L'initiative visant à réduire l'écart entre les fonctionnalités souhaitées et la disponibilité réelle sur tous les navigateurs est évidente. À savoir, le projet Interop garantit qu'un ensemble de fonctionnalités est implémenté de manière aussi complète que possible dans tous les principaux navigateurs. Il y a une nouvelle itération de ce projet chaque année.

La mesure dans laquelle et dans quelle mesure ces fonctionnalités sont mises en œuvre est mesurée à l'aide de tests de plate-forme Web. Le même ensemble de tests est exécuté sur tous les navigateurs. C'est pourquoi nous avons ces jolis pourcentages qui reflètent l'état réel des fonctionnalités des navigateurs.

La ligne de base

Le moment où une fonctionnalité est implémentée dans tous les principaux navigateurs est un moment très important. Et comme nous avons joliment regroupé les fonctionnalités comme décrit ci-dessus, il ne manque plus qu'un nom pour le moment. Et voilà : une fonctionnalité de base est nouvellement disponible lorsqu'elle est prise en charge par tous les principaux navigateurs. Et une fonctionnalité est largement disponible lorsque deux ans et demi se sont écoulés depuis sa nouvelle disponibilité.

Vous pouvez en savoir plus sur l'idée Baseline sur web.dev depuis qu'elle a été lancée par Google.

Les tableaux de bord visuels

Tout commence à prendre plus de sens lorsque vous pouvez le voir de manière plus visuelle. Des tableaux, des graphiques bien conçus, des liens pratiques vers des ressources directement là…

Ceci est intégré à quelques tentatives pour créer des tableaux de bord utiles. Découvrez-les tous, chacun est une vision différente du sujet :

• Tableau de bord simple des personnes derrière le groupe WebDX
• De jolis graphiques montrant la réussite des tests de plate-forme Web, fonctionnalité par fonctionnalité, par l'équipe Google Chrome
• et ma tentative de créer une version plus interactive

Vous pouvez les utiliser de temps en temps pour vous tenir au courant des nouveautés en général ou des nouveautés en matière d'adoption à grande échelle. C'est également une bonne référence lorsque vous démarrez un nouveau projet et décidez quel ensemble de fonctionnalités est réellement disponible et suffisamment pris en charge.

L'explorateur de fonctionnalités Web affiche les informations de manière claire

Webstatus.dev montre de réels progrès sur les fonctionnalités en termes de tests réussis de la plateforme Web dans des graphiques

Le tableau de bord des fonctionnalités de ma plateforme Web permet les fonctionnalités de filtrage et de tri

L'avenir

Certaines fonctionnalités ont récemment été implémentées assez rapidement dans tous les navigateurs. Mais certains fabricants de navigateurs peuvent même ne pas considérer que c’est une bonne idée. Vous pouvez trouver des informations détaillées sur ce qui pourrait ou non arriver sur les sites suivants :

• Positions aux normes Mozilla
• Postes de normalisation de l'équipe Webkit
• Feuille de route des fonctionnalités de Google Chrome

Conclusion

Voir la plateforme web évoluer est fascinant. La boucle de rétroaction s’améliore. L'interopérabilité s'améliore dans de nombreux domaines.

Je souhaitais depuis longtemps disposer d'un tableau de bord utile avec des fonctionnalités Web, et tout à coup, les données sont d'une telle qualité que j'ai réussi à créer le mien en quelques soirées.