Novità di Chrome 135

Rachel Andrew

Data di pubblicazione: 1° aprile 2025

Chrome 135 è in fase di implementazione e questo post condivide alcune delle funzionalità chiave della release. Leggi le note di rilascio complete di Chrome 135 e dai un'occhiata al nostro riepilogo trimestrale per scoprire tutte le novità rilasciate finora quest'anno.

Elementi salienti di questa release

Esiste un intero insieme di funzionalità che abilitano i caroselli CSS. Gli attributi command e commandfor consentono di collegare il comportamento ai pulsanti in modo dichiarativo. La funzione CSS shape() ti consente di definire una forma per le proprietà clip-path e offset-path.

Caroselli CSS

Nelle note di rilascio è presente un numero elevato di funzionalità CSS e molte di queste sono piccole aggiunte che combinate consentono di attivare i caroselli CSS. Le funzionalità principali sono i nuovi pseudo-elementi CSS: ::scroll-button() and::scroll-marker()`, che ti consentono di trasformare un'area scorrevole in un carosello.

Per scoprire come utilizzare queste nuove funzionalità e trovare ispirazione per i tuoi progetti, leggi Caroselli con CSS.

Attributi command e commandfor

Chrome 135 introduce nuove funzionalità per fornire un comportamento dichiarativo con i nuovi attributi command e commandfor, migliorando e sostituendo gli attributi popovertargetaction e popovertarget. Questi nuovi attributi possono essere aggiunti ai pulsanti, consentendo al browser di risolvere alcuni problemi fondamentali relativi a semplicità e accessibilità e di fornire funzionalità comuni integrate.

Il seguente codice HTML configura relazioni dichiarative tra un pulsante e il menu, consentendo al browser di gestire la logica e l'accessibilità. Non è necessario gestire aria-expanded o aggiungere JavaScript aggiuntivo.

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

Scopri di più su questi nuovi attributi in Introduzione di command e commandfor.

Funzione CSS shape()

La funzione CSS shape() viene utilizzata per definire una forma per le proprietà clip-path e offset-path.

La funzione shape() utilizza un insieme di comandi più o meno equivalenti a quelli utilizzati da path(), ma lo fa con una sintassi CSS più standard e consente l'intera gamma di funzionalità CSS, come unità e funzioni matematiche aggiuntive. È disponibile in Firefox Nightly e Safari 18.4 beta, quindi dovrebbe essere disponibile a breve in Baseline Newly.

E tanto altro.

Ovviamente, ce ne sono molti altri.

  • L'API Web Speech ora include il supporto di MediaStreamTrack.
  • Float16Array è supportato e diventa Baseline Newly available.
  • L'API Observable è ora supportata.

Per approfondire

Questi sono solo alcuni dei punti salienti. Consulta i seguenti link per ulteriori modifiche in Chrome 134.

Iscriviti

Per rimanere aggiornato, iscriviti al canale YouTube Chrome Developers e riceverai una notifica via email ogni volta che pubblichiamo un nuovo video. Oppure seguici su X o LinkedIn per nuovi articoli e post del blog.

Non appena verrà rilasciata la versione 135 di Chrome, ti aggiorneremo sulle novità di Chrome.