Scopri alcune delle interessanti funzionalità disponibili nei browser web stabili e beta nel mese di febbraio 2022.
Release del browser stabile
A febbraio, Chrome 98 e Firefox 97 sono diventati stabili.
Chrome 98 ha fornito il metodo self.structuredClone. Crea un clone profondo di un valore utilizzando l'algoritmo del clone strutturato. Scopri di più su structuredClone().
Firefox 97 include i livelli a cascata. La regola at @layer definisce un livello a cascata, aiutandoti a controllare la specificità.
@layer framework {
/* creates a new layer named framework */
}
Firefox è il primo browser a fornire questa versione in una versione di release. Tuttavia, consulta la sezione di questo post sulle versioni beta, in quanto questa funzionalità sarà disponibile ovunque presto. Scopri di più sui livelli Cascade in I livelli Cascade saranno presto disponibili nel tuo browser.
Firefox riceve anche la proprietà scrollbar-gutter. Questa proprietà consente di rimuovere le variazioni del layout causate da una barra di scorrimento che viene visualizzata man mano che i contenuti aumentano.
La grondaia della barra di scorrimento è lo spazio tra il bordo del bordo interno e quello esterno della spaziatura interna. Qui apparirà una barra di scorrimento, se necessario. Se non è presente alcuna barra di scorrimento, la grondaia viene visualizzata come estensione della spaziatura interna. Il seguente CSS aggiungeva la spaziatura, tenendo conto delle dimensioni della barra di scorrimento, su entrambi i lati della casella, per mantenere l'aspetto simmetrico.
.container {
scrollbar-gutter: stable both-edges;
}
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.
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 nuove versioni beta di febbraio sono state Chrome 99 e Firefox 98. Safari Beta 15.4 è ancora in corso; ho parlato di alcuni degli aspetti inclusi il mese scorso.
Chrome 99 include i livelli Cascade, con i livelli Cascade anche in Safari Beta 15.4 possiamo aspettarci di vedere questa funzionalità in tutti i browser evergreen molto presto.
Sempre in Chrome 99 ci sono diversi nuovi attributi per CanvasRenderingContext2D e un nuovo metodo showPicker() su HTMLInputElement, che permette di mostrare un selettore del browser per data, ora, colore e file.
In Firefox 98 troverai l'elemento <dialog>. Un'altra funzionalità che sarà disponibile in tutti i browser evergreen una volta che le versioni beta di Firefox e Safari saranno stabili.
Tutte queste funzionalità beta saranno presto disponibili in browser stabili.
Parte della Nuova serie web