Scopri alcune delle interessanti funzionalità disponibili nei browser web stabili e beta a gennaio 2022.
Release del browser stabile
A gennaio, Chrome 97 e Firefox 96 sono diventati stabili.
Firefox 96 ha fornito la funzione colore hwb(). Questa funzione esprime un colore per tonalità, bianco e nero.
Sempre in Firefox 96 viene visualizzata la proprietà CSS color-scheme. Questa proprietà consente di indicare le combinazioni di colori in cui può essere visualizzato un elemento. 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;
}
Con la combinazione di colori che viene visualizzata in Firefox, significa che la proprietà è disponibile in Chrome, Firefox e Safari.
Release del browser beta
Le versioni beta del browser offrono un'anteprima degli elementi che saranno disponibili nella versione stabile successiva del browser. È un ottimo momento per testare le nuove funzionalità, o le rimozioni, che potrebbero avere un impatto sul tuo sito prima dell'uscita ufficiale.
Le versioni beta di gennaio sono state Chrome 98, Firefox 97 e Safari 15.4 Beta 1.
Chrome 98 supporta i caratteri vettoriali gradiente di colore COLRv1 come nuovo formato di carattere aggiuntivo. Un carattere colorato contiene glifi con più colori, ad esempio un'emoji o una bandiera di un paese oppure una lettera multicolore.
Leggi ulteriori informazioni su questo nuovo formato di carattere in COLRv1 Color Gradient Vector Fonts in Chrome 98.
Sono inclusi anche il metodo structuredClone() per creare copie profonde degli oggetti, nonché le query multimediali CSS dynamic-range e video-dynamic-range. Scopri altre funzionalità da testare nel post su Chrome 98 Beta.
Chrome 98 DevTools offre un'intera raccolta di nuove funzionalità, tra cui la nuova struttura ad albero dell'accessibilità.
Firefox 97 Beta supporta le unità cap e ic per length e implementa anche la proprietà scrollbar-gutter.
In Safari 15.4 Beta è presente un'intera raccolta di cose buone. Le funzionalità includono l'implementazione dello pseudo-elemento ::backdrop, della pseudo-classe :focus-visible, della proprietà accent-color e del contenitore CSS con la proprietà conin. Questa versione beta include anche l'elemento HTML <dialog>, l'attributo lazy sulle immagini per attivare il caricamento lento, oltre al supporto delle icone del file manifest delle app web.
Tutte queste funzionalità beta saranno presto disponibili in browser stabili.
Parte della Nuova serie web