Nieuw in Chroom 135

Gepubliceerd: 1 april 2025

Chrome 135 wordt nu uitgerold en in dit bericht delen we enkele van de belangrijkste functies van deze release. Lees de volledige release-opmerkingen van Chrome 135 en bekijk ons ​​kwartaaloverzicht van alle releases van dit jaar.

Hoogtepunten uit deze publicatie

Er is een hele reeks functies die CSS-carrousels mogelijk maken . Met de attributen command en commandfor kun je op een declaratieve manier gedrag aan knoppen koppelen. De CSS-functie ` shape() laat je een vorm definiëren voor de eigenschappen clip-path en offset-path .

CSS-carrousels

De release notes bevatten een groot aantal CSS-functies, waarvan vele kleine toevoegingen zijn die samen CSS-carrousels mogelijk maken. De belangrijkste functies zijn de nieuwe CSS-pseudo-elementen ::scroll-button() and ::scroll-marker(), waarmee je een scrollbaar gebied in een carrousel kunt veranderen.

Om te ontdekken hoe je deze nieuwe functies kunt gebruiken en om inspiratie op te doen voor je eigen projecten, lees je Carousels met CSS .

De attributen command en commandfor

Chrome 135 introduceert nieuwe mogelijkheden voor het bieden van declaratief gedrag met de nieuwe attributen command en commandfor , waarmee de attributen popovertargetaction en popovertarget worden verbeterd en vervangen. Deze nieuwe attributen kunnen aan knoppen worden toegevoegd, waardoor de browser een aantal kernproblemen op het gebied van eenvoud en toegankelijkheid kan aanpakken en ingebouwde, veelgebruikte functionaliteit kan bieden.

De volgende HTML-code legt declaratieve relaties vast tussen een knop en het menu, waardoor de browser de logica en toegankelijkheid voor u afhandelt. U hoeft geen aria-expanded te beheren of extra JavaScript toe te voegen.

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

Lees meer over deze nieuwe attributen in Introductie van command en commandfor .

De CSS shape() -functie

De CSS-functie shape() wordt gebruikt om een ​​vorm te definiëren voor de eigenschappen clip-path en offset-path.

De functie shape() gebruikt een reeks commando's die ruwweg gelijkwaardig zijn aan die van path() , maar doet dit met een meer standaard CSS-syntaxis en biedt de volledige functionaliteit van CSS, zoals extra eenheden en wiskundige functies. De functie is beschikbaar in Firefox Nightly en Safari 18.4 beta, dus zou binnenkort ook in Baseline Newly beschikbaar moeten komen.

En nog veel meer!

Natuurlijk is er nog veel meer.

  • De Web Speech API biedt nu ondersteuning MediaStreamTrack .
  • De Float16Array wordt ondersteund en is nu beschikbaar als basislijn.
  • De Observable API wordt nu ondersteund.

Verder lezen

Dit is slechts een greep uit de belangrijkste wijzigingen. Raadpleeg de volgende links voor meer informatie over de wijzigingen in Chrome 134.

Abonneren

Om op de hoogte te blijven, abonneer je op het YouTube-kanaal van Chrome Developers . Je ontvangt dan een e-mailmelding zodra we een nieuwe video publiceren. Of volg ons op X of LinkedIn voor nieuwe artikelen en blogberichten.

Zodra Chrome 135 is uitgebracht, laten we je hier meteen weten wat er nieuw is in Chrome!