Novità sulla piattaforma web a gennaio

Scopri alcune delle funzionalità interessanti che sono state implementate nei browser web stabili e beta durante gennaio 2022.

Rachel Andrew

Release del browser stabili

A gennaio, Chrome 97 e Firefox 96 sono diventati stabili.

Firefox 96 ha rilasciato la funzione di colore hwb(). Questa funzione esprime un colore in base a tonalità, bianco e nero.

In Firefox 96 è presente anche la proprietà CSS color-scheme. Questa proprietà ti consente di indicare le combinazioni di colori in cui un elemento può essere visualizzato. Ad esempio, per indicare che .widget può essere visualizzato nelle modalità Luce o Buio del sistema operativo, utilizza il seguente CSS.

.widget {
  color-scheme: light dark;
}

Poiché la funzionalità schema di colori è disponibile in Firefox, la proprietà è disponibile in Chrome, Firefox e Safari.

Release beta del browser

Le versioni beta del browser ti offrono un'anteprima delle funzionalità che saranno disponibili nella prossima versione stabile del browser. È un'ottima occasione per testare nuove funzionalità o rimozioni che potrebbero influire sul tuo sito prima che la release venga resa disponibile a livello globale.

Le versioni beta di gennaio erano Chrome 98, Firefox 97 e Safari 15.4 Beta 1.

Chrome 98 supporta i caratteri vettoriali con gradiente di colore COLRv1 come nuovo formato di carattere aggiuntivo. Un carattere a colori contiene glifi con più colori, ad esempio un'emoji, la bandiera di un paese o una lettera multicolore.

Scopri di più su questo nuovo formato dei caratteri in COLRv1 Color Gradient Vector Fonts in Chrome 98.

È incluso anche il metodo structuredClone() per creare copie approfondite degli oggetti e le query sui media CSS dynamic-range e video-dynamic-range. Scopri altre funzionalità da testare nel post su Chrome 98 Beta.

Chrome DevTools 98 offre una raccolta completa di nuove funzionalità, tra cui il nuovo albero di accessibilità completa.

Firefox 97 Beta supporta le unità cap e ic per length e implementa la proprietà scrollbar-gutter.

Safari 15.4 beta include una serie di funzionalità interessanti. Le funzionalità includono l'implementazione del pseudo-elemento ::backdrop, della pseudo-classe :focus-visible, della proprietà accent-color e del contenimento CSS con la proprietà contain. Questa versione beta include anche l'elemento HTML <dialog>, l'attributo lazy per le immagini per attivare il caricamento lento, oltre al supporto per le icone Web App Manifest.

Tutte queste funzionalità beta saranno presto disponibili nei browser stabili.

Parte della serie Novità per il web