Publié le 10 décembre 2024
L'année 2024 a été passionnante pour le projet de référence. Nous sommes sur le point de finaliser le fichier de données sous-jacent et avons lancé des outils tels que le tableau de bord d'état de la plate-forme Web et le widget d'état de référence. D'autres projets tels que l'archive RUM commencent à adopter Baseline. Cet article revient sur la référence en 2024.
Qu'est-ce que la référence ?
Les repères de référence désignent les fonctionnalités Web compatibles avec tous les principaux navigateurs, à la fois sur ordinateur et sur mobile. Si les fonctionnalités utilisées font partie de la référence, vous pouvez vous fier au niveau de compatibilité du navigateur.
Pour en savoir plus sur les différents libellés de référence et sur la façon dont une fonctionnalité Web devient une référence, consultez le site de référence ou regardez la vidéo Créer en toute confiance avec Baseline.
Le projet de référence en 2024
Le travail sur web-features est terminé à 81 %.
web-features vise à créer un catalogue partagé des fonctionnalités de la plate-forme Web. Un groupe et une définition sont attribués à chaque élément géographique, et les données de prise en charge de référence sont indiquées dans cet ensemble de données.
Nous avons déployé d'importants efforts cette année pour avancer dans ce sens. À ce jour, 81% des clés de fonctionnalité sont mappées et utilisables à l'aide du package npm web-features. web-features est la source d'informations fiable pour les états de référence.
Nouveau tableau de bord d'état de la plate-forme Web
Le tableau de bord d'état de la plate-forme Web fournit des insights sur l'implémentation des fonctionnalités de la plate-forme Web dans différents navigateurs. Le tableau de bord est basé sur des données web-features. Sa fiabilité a donc été considérablement améliorée, car le travail sur les fonctionnalités Web est plus complet.
Vous pouvez suivre la progression de fonctionnalités spécifiques ou filtrer pour afficher un ensemble de fonctionnalités telles que la ligne de référence 2024. Ce tableau de bord complète les ressources existantes telles que Can I Use et les données de compatibilité de MDN, offrant une vue plus large de l'évolution de la plate-forme Web.
Pour en savoir plus sur le tableau de bord, consultez Annonce du tableau de bord de la plate-forme Web. D'autres filtres ont été ajoutés depuis le lancement, comme group: et snapshot:. Par exemple, snapshot:ecmascript-2023 affiche les fonctionnalités incluses dans ES2023.
Widget <baseline-status>
Le composant Web <baseline-status> utilise également les données Web-features et est désormais prêt à être utilisé sur vos propres sites et diapositives. Installez-le à partir de npm, puis utilisez le composant chaque fois que vous mentionnez une fonctionnalité.
<baseline-status>.Découvrez comment utiliser le composant Web d'état de référence.
Site officiel et logos
Baseline appartient au groupe de la communauté WebDX du W3C. Cette année, nous avons créé une page officielle pour le projet Baseline.
Si vous adoptez Baseline dans votre projet, écrivez à ce sujet ou faites une présentation à ce sujet, vous pouvez envoyer une demande de tirage pour lister votre projet sur la page Baseline in the wild (Baseline dans la pratique).
Lorsque vous utilisez Baseline dans votre projet, consultez les consignes relatives à l'utilisation du nom et du logo. Vous pouvez utiliser les logos sous licence chaque fois que vous souhaitez afficher l'état des fonctionnalités Web.
Le projet d'interopérabilité a rendu de nombreuses fonctionnalités disponibles dans Baseline
Le projet Interop est un effort internavigateur visant à améliorer l'interopérabilité du Web. Les fonctionnalités de ce projet sont conçues pour être implémentées dans tous les navigateurs, ce qui accélère le passage à la version de référence "Nouveau disponible". Lors de l'Interop 2024, le Shadow DOM déclaratif, font-size-adjust, requestVideoFrameCallback et text-wrap: balance ont été ajoutés à la référence 2024. De nombreux autres éléments sont en passe d'être finalisés.
Insights RUM
La page "Insights" de l'archive RUM a été le premier outil à intégrer la référence. Vous pouvez voir le nombre d'utilisateurs inclus pour chaque année de référence en fonction de leurs données. Cela peut vous aider à choisir une année de référence pour votre projet plutôt que d'adopter la référence largement disponible.
Pour en savoir plus, consultez Intégration de référence avec l'archive RUM.
Série de vidéos "This Is Baseline"
Pour vous expliquer brièvement les nouvelles fonctionnalités de Baseline, nous publions une série de vidéos intitulée #thisisbaseline. Découvrez les nouvelles méthodes Set, l'API Screen Wake Lock, la sous-grille CSS et plus encore en moins de 60 secondes.
Découvrez toutes les vidéos de la série "This Is Baseline" ici.
Venez nous rencontrer en personne.
L'équipe a participé à de nombreuses conférences cette année pour vous présenter Baseline,connaître votre avis et répondre à vos questions. Voici quelques-unes des conférences que nous avons données.
Regardez la présentation de Rachel lors de la conférence FITC Web Unleashed en octobre, la session de Pete lors de la conférence connect.tech et l'intervention de Mariko lors de la conférence JSNation en novembre. Nous avons hâte de vous retrouver lors de nos prochains événements en 2025 !
Contenu de la référence 2024
À la fin de l'année, nous connaissons les fonctionnalités qui font partie de Baseline 2024. Voici quelques-unes de ses principales caractéristiques :
@property
Les propriétés CSS personnalisées (également appelées variables CSS) sont une fonctionnalité largement disponible. La possibilité de définir des propriétés personnalisées avec un type, des valeurs par défaut et un héritage à l'aide de la règle@property est prise en charge par tous les principaux navigateurs depuis juillet 2024.
Nouvelles méthodes de définition
Les ensembles font partie de JavaScript depuis ES2015, mais d'autres méthodes d'exécution d'opérations mathématiques sur les ensembles, telles que intersection et union, sont ajoutées et compatibles avec tous les principaux navigateurs cette année.
AVIF
AVIF est un format d'image moderne qui offre généralement une meilleure compression que les autres formats d'image tels que WebP, JPEG, PNG et GIF. AVIF est compatible avec tous les principaux navigateurs depuis janvier 2024.
Et bien d'autres…
Bien entendu, de nombreuses autres fonctionnalités sont devenues des fonctionnalités de référence cette année. Pour en savoir plus sur les fonctionnalités qui sont devenues des composants de référence en 2024, consultez cette page.
Conclusion
Lorsque nous avons annoncé le projet Baseline en mai 2022, il ne s'agissait que d'un concept et d'une définition initiale de Baseline. Cet article ne présente qu'une partie du travail effectué pour faire de Baseline un élément qui peut faire partie du workflow de chaque développeur.
Nous tenons à remercier tous ceux qui ont travaillé dur sur le projet de référence.
Personnes ayant contribué à web-features: Victor Allen, Dietrich Ayala, Daniel Beck, Patrick Brosset, Sondra Eby, Adriana Jara, Mariko Kosaka, Pete LePage, Florian Scholz, James Stuckey Weber et queengooborg (vinyl)
Widget <baseline-status>: Ewa Gasperowicz et l'équipe Chrome DevRel
Tableau de bord d'état de la plate-forme Web: Panos Astithas, Kyle Ju, James Scott, Daniel Smith et Jason Xu
Équipe de référence de Google: Aaron Abbarno, Rachel Andrew, Tony Conway, Philip Jägenstedt, Adriana Jara, Mariko Kosaka, Pete LePage, Nandu Nair, Ali Spivak et Kadir Topal
Remerciements particuliers à: Alexis Deveria chez CanIUse, Claas Augner, Hermina Condei, Florian Dieminger, Ruth John, Leo McArdle chez MDN, Nic Jansma et Robin Marx chez RUM Archive, les contributeurs au projet Interop, Apple, Firefox, Igalia, Microsoft, Open Web Docs, OddBird et les membres du groupe de la communauté WebDX.