Publié le : 2 mars 2026
Bienvenue dans l'édition de janvier 2026 du récapitulatif Baseline. Chaque mois, nous mettons en avant les fonctionnalités de la plate-forme Web qui ont franchi de nouvelles étapes dans Baseline. Vous pouvez ainsi identifier les outils que vous pouvez utiliser dès aujourd'hui dans vos projets.
Le mois de janvier a été un début d'année passionnant, avec plusieurs API et unités CSS importantes qui sont passées dans la catégorie "Nouvellement disponibles", ainsi qu'une amélioration majeure de la mise en page qui est devenue "Largement disponible".
Fonctionnalités de base "Nouveautés"
Les fonctionnalités Web suivantes sont devenues "Baseline Newly available" en janvier 2026.
Transition Active View
La pseudo-classe CSS :active-view-transition est désormais disponible dans Baseline Newly available. Ce sélecteur permet aux développeurs de cibler et de styliser spécifiquement l'élément racine d'un document pendant qu'une transition de vue est en cours. Cela est particulièrement utile pour appliquer des styles ou des ajustements globaux qui ne doivent exister que pendant la période de transition, comme la modification de la couleur d'arrière-plan de la superposition de transition ou l'ajustement de l'index Z de couches spécifiques pour assurer un flux visuel fluide.
Modules JavaScript dans les workers de service
Les service workers sont désormais compatibles avec les modules JavaScript sur tous les principaux moteurs de navigateur. En définissant l'option type: 'module' lorsque vous appelez navigator.serviceWorker.register(), vous pouvez utiliser les instructions standards import et export dans votre script de service worker. Cela permet d'aligner les service workers sur les pratiques de développement JavaScript modernes, ce qui permet une meilleure organisation du code, une gestion plus facile des dépendances et la possibilité de partager du code entre le thread principal et le worker en arrière-plan.
API Navigation
L'API Navigation offre une alternative moderne et spécialement conçue à l'ancienne API History, en particulier pour répondre aux besoins des applications monopages (SPA). Il offre un moyen centralisé d'initier, d'intercepter et de gérer tous les types d'actions de navigation, y compris celles déclenchées par les boutons "Précédent" et "Suivant" du navigateur. Avec des événements tels que Maps, les développeurs peuvent implémenter un routage côté client plus fluide avec moins de code récurrent. Pour en savoir plus sur la façon dont cela modifie notre façon de créer des applications Web, consultez notre article de blog dédié : Routage moderne côté client : l'API Navigation.
rcap unité CSS
L'unité rcap est une unité de longueur relative à la police racine, égale à la hauteur des majuscules (hauteur nominale des lettres majuscules) de la police de l'élément racine. Cela permet de créer des mises en page typographiques précises qui s'adaptent à la typographie principale utilisée sur le site, et pas seulement à la taille de la police.
rch unité CSS
Semblable à l'unité ch, mais relative à l'élément racine, l'unité rch représente la largeur (ou plus précisément, la mesure d'avance) du glyphe "0" (zéro) dans la police de l'élément racine. Il est idéal pour créer des mises en page qui dépendent de la largeur des caractères, comme un conteneur qui doit s'adapter précisément à un nombre spécifique de caractères dans la police racine.
rex unité CSS
L'unité rex est la version relative à la racine de ex. Elle est égale à la hauteur x de la police de l'élément racine. Cette unité est particulièrement utile pour l'alignement vertical et le dimensionnement des éléments par rapport à la hauteur des lettres minuscules dans la typographie principale de votre document.
ric unité CSS
L'unité ric est l'équivalent relatif à la racine de l'unité ic. Elle est égale à la mesure d'avance "idéographique" (généralement la largeur ou la hauteur d'un idéogramme CJK) de la police de l'élément racine. Il s'agit d'un outil essentiel pour les développeurs qui créent des mises en page internationalisées, en particulier ceux qui utilisent les scripts chinois, japonais ou coréens.
Fonctionnalités standards largement disponibles
Les fonctionnalités Web suivantes sont devenues largement disponibles dans Baseline en janvier 2026.
Propriété CSS display à deux valeurs
La syntaxe à plusieurs mots clés pour la propriété display est désormais largement disponible dans Baseline. Cette mise à jour vous permet de définir explicitement les types d'affichage "externe" et "interne" d'une boîte. Par exemple, au lieu d'utiliser le caractère précomposé inline-flex, vous pouvez utiliser display: inline flex. Cela permet de clarifier si un élément participe au flux de bloc ou en ligne (type externe) et comment ses enfants sont disposés (type interne, comme flex ou grid). Cette modification rend le moteur de mise en page CSS plus logique et cohérent pour les développeurs.
Propriété CSS animation-composition
La propriété animation-composition définit la manière dont plusieurs animations doivent interagir lorsqu'elles affectent la même propriété simultanément. Vous pouvez choisir entre replace, add ou accumulate, ce qui vous permet de contrôler précisément la façon dont les animations complexes et superposées sont calculées.
Copier un tableau
JavaScript inclut désormais des méthodes qui vous permettent de transformer des tableaux sans modifier les données d'origine. Les méthodes telles que toReversed(), toSorted() et toSpliced() renvoient une nouvelle copie modifiée du tableau, ce qui favorise un style de programmation plus fonctionnel et plus sûr.
Aidez-nous à progresser
Comme d'habitude, n'hésitez pas à nous signaler si nous avons manqué quelque chose concernant Baseline. Nous veillerons à ce que cela soit inclus dans une prochaine édition ! Si vous avez des questions ou souhaitez nous faire part de vos commentaires sur Baseline, vous pouvez signaler un problème dans notre outil de suivi des problèmes.