Apple, Google, Microsoft et Mozilla sont d'accord sur un point : faciliter la vie des développeurs web,

Le groupe a créé une référence appelée Interop 2022

Les fabricants de navigateurs Apple, Google, Microsoft et Mozilla, ainsi que les sociétés de conseil en logiciels Bocoup et Igalia, ont décidé de collaborer pour rendre les technologies de conception web plus cohérentes sur les différentes plateformes. Le groupe a créé une référence appelée Interop 2022 pour évaluer la manière dont une poignée de normes web sont mises en œuvre par différents fournisseurs, dans le but d'aplanir les différences.

L'idée est que les applications web doivent avoir la même apparence et le même comportement sur différents appareils et systèmes d'exploitation. Pour l'instant, ce n'est pas le cas, au grand dam des développeurs web qui sont toujours aux prises avec les incohérences des navigateurs. Les spécifications d'Interop 2022 offrent un moyen aux entreprises habituellement rivales de trouver un terrain d'entente, car elles sont axées sur la conception et n'ont pas d'implications évidentes en matière de confidentialité, de sécurité ou de fonctionnalité.


D'autres efforts visant à étendre les capacités des navigateurs par le biais de nouvelles API et fonctionnalités sont parfois accueillis avec indifférence ou antipathie par les fabricants de navigateurs rivaux, en particulier lorsque la proposition a des implications sur le modèle commercial. Interop 2022 améliorera l'expérience de développement pour le web dans 15 domaines clés.

Interop 2022 est une référence, approuvée par les représentants des trois principaux navigateurs, et développée par le biais d'un processus de nomination et d'examen public avec la contribution des partisans d'Apple, Bocoup, Google, Igalia, Microsoft et Mozilla.

L'indice de référence se concentre sur 15 domaines, identifiés par les développeurs comme étant particulièrement problématiques lorsqu'ils sont absents ou présentent des problèmes de compatibilité entre les navigateurs. Tous les fournisseurs de navigateurs ont accepté de se concentrer sur ces domaines, et toutes les personnes impliquées sont enthousiastes à l'idée de commencer à améliorer sensiblement l'expérience du développement pour le web.

Les termes « compatibilité » et « interopérabilité » sont généralement distingués par les fournisseurs de navigateurs, où compat se réfère à la compatibilité du site, et interop se réfère à deux ou plusieurs navigateurs se comportant de la même manière. Dans cette terminologie, cet effort concerne l'interopérabilité et le projet s'est donc aligné sur cette dénomination.

Comment sont-ils arrivés là ?

Tout a commencé en 2019, Mozilla, Google et d'autres ont commencé un effort important pour comprendre les dificutés des développeurs, sous la forme des enquêtes sur l'évaluation des besoins des développeurs, et du rapport de compatibilité des navigateurs en profondeur. Ces rapports ont fourni des informations détaillées et exploitables pour relever les principaux défis auxquels sont confrontés les développeurs sur la plateforme web, et ont conduit à l'initiative Compat 2021.

Entre autres choses, Compat 2021 a permis de créer une base solide pour des fonctionnalités puissantes telles que la grille CSS (12 % d'utilisation et en constante augmentation) et CSS flexbox (77 % d'utilisation), y compris la propriété gap dans flexbox, qui résout un des principaux problèmes rencontrés par les développeurs lorsqu'ils adoptent de nouvelles méthodes de mise en page. Les fonctionnalités qui seront au cœur d'Interop 2022 comprennent 10 nouveaux domaines, plus 5 reportés de Compat 2021. Voici, ci-dessous, quelques nouveaux domaines d'intérêt :

Couches en cascade

Les couches en cascade permettent aux développeurs Web de mieux contrôler la cascade. Elles permettent de regrouper les sélecteurs en couches, chacune ayant sa propre spécificité. Cela signifie qu’ils n’ont pas besoin d'ordonner soigneusement les sélecteurs ou de créer des sélecteurs très spécifiques pour écraser les règles CSS de base.

Espaces de couleur et fonctions de couleur CSS

Pour utiliser les fonctions de couleur dans un système de conception, les développeurs web doivent actuellement se fier à Sass, PostCSS ou calc() sur les valeurs HSL. Les fonctions de couleur intégrées à CSS signifient que les couleurs peuvent être mises à jour de manière dynamique et que les nouveaux espaces colorimétriques suppriment la restriction à la gamme sRGB et les limitations perceptuelles de HSL. Deux fonctions définies dans CSS Color Level 5 permettent une thématisation plus dynamique sur la plateforme Web :

• color-mix() : prends deux couleurs et renvoie le résultat de leur mélange dans un espace colorimétrique spécifié, selon une quantité déterminée ;
• color-contrast() : sélectionne dans une liste de couleurs la couleur présentant le contraste le plus élevé par rapport à une couleur unique spécifiée.

Ces fonctions supportent les espaces colorimétriques étendus (LAB, LCH et P3), et en plus de HSL et sRGB, elles utilisent par défaut l'espace colorimétrique uniforme LCH.

Nouvelles unités de visualisation

Les difficultés liées au...