Donner du sens aux fonctionnalités Web

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

Plus maintenant ! 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 seule fonctionnalité de haut niveau.

Le document

L'autre partie est de savoir 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é

Super, 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.

Le degré et la qualité de mise en œuvre de ces fonctionnalités sont mesurés à 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 à avoir plus de sens quand on peut le voir de manière plus visuelle. Des tableaux, des graphiques bien conçus, des liens pratiques vers des ressources directement là…

Cela se résume à 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 plateforme 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 du statut d'adoption large. 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 des fonctionnalités de filtrage et de tri

L'avenir

Certaines fonctionnalités ont récemment été implémentées dans tous les navigateurs assez rapidement. 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 :

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

Conclusion

Regarder 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 voulais depuis longtemps avoir un tableau de bord utile avec des fonctionnalités Web, et du coup les données sont d'une telle qualité que j'ai réussi à créer le mien en quelques soirées.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!