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.
- Note di rilascio di Chrome 135.
- Novità di Chrome DevTools (135).
- Aggiornamenti di ChromeStatus.com per Chrome 135.
- Calendario delle release di Chrome.
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.