En un mot: Dans le passé, créer un site Web qui avait l’air bien dans tous les navigateurs était une douleur. Web 2.0, HMTL5 et CSS3 ont soulagé beaucoup de tracas d’essayer de donner la même apparence aux sites Web entre les navigateurs, mais ce n’est toujours pas parfait. Les fabricants de navigateurs, dirigés par Microsoft et Google, espèrent résoudre les cinq plus gros problèmes auxquels sont confrontés les développeurs Web d’aujourd’hui.

Mardi, Microsoft annoncé # Compat2021, un effort pour améliorer la compatibilité entre navigateurs. Il s’est associé à Google et à d’autres fournisseurs de navigateurs pour atténuer les problèmes de compatibilité les plus persistants auxquels sont confrontés les développeurs Web. Le projet conjoint cherche à corriger cinq domaines clés: CSS Flexbox, CSS Grid, position: sticky, rapport hauteur / largeur et transformations CSS.

Il a choisi ces « points faibles » en fonction du travail effectué sur la satisfaction des développeurs de Google (DevSAT) et le ADN MDN (Developer Needs Assessment) des sondages menés en 2019 et 2020. Il est également tiré de 2020 Rapport de compatibilité du navigateur MDN pour prioriser les problèmes les plus urgents pour une concentration individuelle dans Chromium et WebKit.

Vous nous avez dit ce dont vous aviez besoin et nous vous avons écouté!

En 2021, nous visons à éliminer les cinq principaux problèmes de compatibilité sur le Web:

Article de blog Google: https://t.co/QiNWJWQNLL Microsoft: https://t.co/GSkMJwHAqA pic.twitter.com/shsHbqdElx

– Développeurs Chrome (@ChromiumDev) 22 mars 2021

Par exemple, les trois quarts de tous les sites Web utilisent CSS Flexbox, mais les développeurs ont souvent du mal à redimensionner automatiquement la hauteur des images de manière incorrecte entre les navigateurs. Bien que CSS Grid n’ait pas été autant adopté que Flexbox, la coalition espère ajouter la possibilité d’animer des mises en page de grille dans WebKit et Chromium. L’animation de grille est actuellement prise en charge dans Gecko.

Position des propriétés CSS: sticky et aspect-ratio, et les transformations CSS ont toutes des problèmes de compatibilité similaires, chaque navigateur réussissant les tests de navigateur 66, 27 et 55% du temps, respectivement. Avec Microsoft et Google contribuant à Chromium pour les navigateurs Chrome et Edge et d’autres travaillant sur leurs plates-formes respectives, l’effort conjoint espère que chaque domaine problématique atteindra un taux de réussite de 100% d’ici la fin de l’année.

Les personnes intéressées à contribuer peuvent suivre Développeurs Chrome sur Twitter. Le groupe affichera également les progrès sur le blog web.dev.