Novità di Chrome 135

Data di pubblicazione: 1° aprile 2025

Chrome 135 è in fase di implementazione e questo post illustra alcune delle funzionalità principali della release. Leggi le note di rilascio complete di Chrome 135 e consulta il nostro riepilogo trimestrale per scoprire tutto ciò che è stato rilasciato finora quest'anno.

Novità di questa release

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

Caroselli CSS

Le note di rilascio contengono un numero elevato di funzionalità CSS e molte di queste sono piccole aggiunte diverse che si combinano per 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 l'articolo Carousel con CSS.

Gli 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 imposta relazioni dichiarative tra un pulsante e il menu, in modo che il browser gestisca la logica e l'accessibilità per te. Non è necessario gestire aria-expanded o aggiungere altro codice JavaScript.

<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 a command e commandfor.

La funzione shape() CSS

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 approssimativamente equivalente a quelli utilizzati da path(), ma con una sintassi CSS più standard e consente l'intera gamma di funzionalità CSS, come unità aggiuntive e funzioni matematiche. È disponibile in Firefox Nightly e Safari 18.4 beta, quindi dovrebbe essere disponibile a breve come baseline.

E tanto altro.

Ovviamente ce ne sono molti altri.

  • L'API Web Speech ora include il supporto di MediaStreamTrack.
  • Float16Array è supportato e diventa di riferimento come Nuovamente disponibile.
  • L'API Observable è ora supportata.

Per approfondire

Sono riportati solo alcuni punti salienti. Consulta i seguenti link per ulteriori modifiche in Chrome 134.

Iscriviti

Per non perderti nessuna novità, iscriviti al canale YouTube di Chrome for Developers e riceverai una notifica via email ogni volta che lanceremo un nuovo video. In alternativa, seguici su X o su LinkedIn per ricevere nuovi articoli e post del blog.

Non appena verrà rilasciata la versione 135 di Chrome, ti comunicheremo le novità del browser.