Novità sulla piattaforma web a marzo

Scopri alcune delle funzionalità interessanti che sono state implementate nei browser web stabili e beta a marzo 2026.

Rachel Andrew

Data di pubblicazione: 31 marzo 2026

Release stabili del browser

Chrome 146, Firefox 149 e Safari 26.4 rilasciati nella versione stabile a marzo. Questo post esamina le nuove funzionalità che arriveranno sulla piattaforma questo mese.

Condizioni di query del container facoltative

Firefox 149 e Safari 26.4 includono il supporto per le query @container solo con il nome che non hanno condizioni. In questo modo, puoi eseguire la corrispondenza con i contenitori in base esclusivamente ai loro nomi, semplificando lo stile degli elementi in base al contesto del contenitore senza dover specificare vincoli di dimensioni o stile.

Animazioni attivate dallo scorrimento

Chrome 146 aggiunge il controllo delle animazioni in base alla posizione di scorrimento. Questa funzionalità ti consente di creare interazioni in modo dichiarativo con CSS, trasferendo il lavoro a un thread worker e migliorando le prestazioni. Include anche interfacce JavaScript per le animazioni web. Scopri di più in Arrivano le animazioni attivate dallo scorrimento in CSS.

Browser Support

  • Chrome: 146.
  • Edge: 146.
  • Firefox: not supported.
  • Safari: not supported.

Proprietà trigger-scope

Oltre alle animazioni attivate dallo scorrimento, Chrome 146 introduce la proprietà trigger-scope. In questo modo, puoi limitare la visibilità dei nomi dei trigger di animazione, contribuendo a isolare le interazioni tra animazione e trigger ed evitare conflitti di nomi globali.

Browser Support

  • Chrome: 146.
  • Edge: 146.
  • Firefox: not supported.
  • Safari: not supported.

Valore del popover hint

Firefox 149 ora supporta il valore hint per l'attributo globale popover. I popup con il valore hint non si chiudono auto quando vengono visualizzati, ma chiudono gli altri popup hint, offrendo un controllo più granulare sul comportamento dei popup.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: not supported.
  • Safari: not supported.

Corsie della griglia

Safari 16.4 supporta display: grid-lanes, che è il valore di display che attiva un layout a griglia.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: not supported.
  • Safari: 26.4.

Funzioni matematiche nell'attributo sizes

Safari 26.4 aggiunge il supporto per l'utilizzo delle funzioni matematiche min(), max() e clamp() nell'attributo sizes degli elementi <img>. Ciò offre maggiore flessibilità per il caricamento delle immagini adattabili.

Sequenza di iteratori JavaScript

Sia Chrome 146 che Safari 26.4 ora supportano il sequenziamento degli iteratori, introducendo Iterator.concat(...items) per creare iteratori sequenziando quelli esistenti. Questa funzionalità è ora disponibile nella versione di base.

Browser Support

  • Chrome: 146.
  • Edge: 146.
  • Firefox: 147.
  • Safari: 26.4.

Source

Interfaccia CloseWatcher

Firefox 149 aggiunge il supporto per l'interfaccia CloseWatcher. In questo modo, gli sviluppatori possono implementare componenti che possono essere chiusi utilizzando meccanismi nativi del dispositivo, ad esempio il tasto Esc su Windows o il tasto Indietro su Android, nello stesso modo di finestre di dialogo e popup integrati.

Browser Support

  • Chrome: 126.
  • Edge: 126.
  • Firefox Technology Preview: supported.
  • Safari: not supported.

Source

Versioni beta del browser

Le versioni beta del browser forniscono un'anteprima delle funzionalità che saranno disponibili nella prossima release stabile del browser. Puoi testare nuove funzionalità o rimozioni che potrebbero influire sul tuo sito prima del rilascio della versione stabile. Le nuove versioni beta di questo mese includono Firefox 150 e Chrome 147.

Chrome 147 beta

Chrome 147 beta include contrast-color(), una funzione CSS che restituisce nero o bianco a seconda di quale colore offre il contrasto più elevato con il colore dell'argomento. Sono incluse anche le border-shape e le transizioni di visualizzazione con ambito elemento.

Firefox 150 beta aggiunge la parola chiave CSS revert-rule, customeElementRegistry per Elements e DocumentOrShadowRoot e light-dark() per le immagini.