Nouveautés de Chrome 135

Rachel Andrew

Publié le : 1er avril 2025

Chrome 135 est en cours de déploiement. Cet article présente certaines des principales fonctionnalités de cette version. Consultez les notes de version de Chrome 135 et notre récapitulatif trimestriel pour découvrir toutes les nouveautés de cette année.

Points forts de cette version

Il existe tout un ensemble de fonctionnalités qui permettent de créer des carrousels CSS. Les attributs command et commandfor vous permettent d'associer un comportement aux boutons de manière déclarative. La fonction CSS shape() vous permet de définir une forme pour les propriétés clip-path et offset-path.

Carrousels CSS

Les notes de version contiennent un grand nombre de fonctionnalités CSS, dont beaucoup sont de petites nouveautés qui, combinées, permettent d'activer les carrousels CSS. Les principales fonctionnalités sont les nouveaux pseudo-éléments CSS ::scroll-button() and::scroll-marker() qui vous permettent de transformer une zone de défilement en carrousel.

Pour découvrir comment utiliser ces nouvelles fonctionnalités et trouver l'inspiration pour vos propres projets, consultez Carrousels avec CSS.

Attributs command et commandfor

Chrome 135 introduit de nouvelles fonctionnalités permettant de fournir un comportement déclaratif avec les nouveaux attributs command et commandfor, qui améliorent et remplacent les attributs popovertargetaction et popovertarget. Ces nouveaux attributs peuvent être ajoutés aux boutons, ce qui permet au navigateur de résoudre certains problèmes fondamentaux liés à la simplicité et à l'accessibilité, et de fournir des fonctionnalités courantes intégrées.

Le code HTML suivant établit des relations déclaratives entre un bouton et le menu, ce qui permet au navigateur de gérer la logique et l'accessibilité pour vous. Il n'est pas nécessaire de gérer aria-expanded ni d'ajouter de code JavaScript supplémentaire.

<button commandfor="my-menu" command="show-popover">
Open Menu
</button>
<div popover id="my-menu">
  <!-- ... -->
</div>

Pour en savoir plus sur ces nouveaux attributs, consultez Présentation des attributs "command" et "commandfor".

La fonction CSS shape()

La fonction CSS shape() permet de définir une forme pour les propriétés clip-path et offset-path.

La fonction shape() utilise un ensemble de commandes à peu près équivalent à celles utilisées par path(), mais avec une syntaxe CSS plus standard. Elle permet également d'utiliser toute la gamme de fonctionnalités CSS, comme des unités et des fonctions mathématiques supplémentaires. Il est disponible dans Firefox Nightly et Safari 18.4 bêta, et devrait donc bientôt être disponible dans Baseline Newly.

Et bien plus !

Bien sûr, il y en a beaucoup d'autres.

  • L'API Web Speech inclut désormais la compatibilité avec MediaStreamTrack.
  • Float16Array est compatible et devient "Nouveautés de référence".
  • L'API Observable est désormais compatible.

Documentation complémentaire

Cette liste ne couvre que quelques points essentiels. Consultez les liens suivants pour découvrir les autres modifications apportées à Chrome 134.

S'abonner

Pour ne rien manquer, abonnez-vous à la chaîne YouTube Chrome Developers. Vous recevrez une notification par e-mail chaque fois que nous publierons une nouvelle vidéo. Vous pouvez également nous suivre sur X ou LinkedIn pour découvrir nos nouveaux articles et posts de blog.

Dès que Chrome 135 sera disponible, nous vous présenterons les nouveautés de Chrome.