Questa pagina è stata tradotta dall'API Cloud Translation.

Novità sulla piattaforma web a febbraio

Scopri alcune delle funzionalità interessanti introdotte nei browser web stabili e beta durante febbraio 2022.

Rachel Andrew

Release stabili del browser

A febbraio, Chrome 98 e Firefox 97 sono diventati stabili.

Chrome 98 ha implementato il metodo self.structuredClone. Crea un clone approfondito di un valore utilizzando l'algoritmo di clonazione strutturata. Scopri di più su structuredClone().

Supporto dei browser

Origine

Firefox 97 include i livelli a cascata. La regola at @layer definisce un livello a cascata, che ti consente di controllare la specificità.

@layer framework {
  /* creates a new layer named framework */
}

Firefox è il primo browser a offrire questo servizio in una versione di release. Tuttavia, dai un'occhiata alla sezione di questo post sulle release beta, perché non passerà molto tempo prima che questa funzionalità sia disponibile ovunque. Scopri di più sui livelli in cascata in I livelli in cascata arriveranno nel tuo browser.

Supporto dei browser

Origine

Firefox inserisce anche la proprietà scrollbar-gutter. Questa proprietà consente di rimuovere le modifiche al layout causate dalla barra di scorrimento che viene visualizzata man mano che i contenuti aumentano.

La grondaia della barra di scorrimento è lo spazio tra il bordo interno e quello esterno della spaziatura interna. Qui verrà visualizzata una barra di scorrimento, se necessario. Se non è presente una barra di scorrimento, la scanalatura viene visualizzata come estensione del padding. Il seguente CSS aggiungerà la spaziatura che tiene conto delle dimensioni della barra di scorrimento su entrambi i lati della casella, per mantenere l'aspetto simmetrico.

.container {
  scrollbar-gutter: stable both-edges;
}

Supporto dei browser

Origine

Chrome 98 supporta i caratteri vettoriali a gradiente di colore COLRv1 come nuovo formato di caratteri 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 di carattere in Caratteri vettoriali con gradiente di colore COLRv1 in Chrome 98.

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 mondiale.

A febbraio sono state rilasciate le nuove versioni beta di Chrome 99 e Firefox 98. La versione beta di Safari 15.4 è ancora in corso. Ho parlato di alcune delle funzionalità incluse il mese scorso.

Chrome 99 include i livelli in cascata, che sono disponibili anche nella versione beta di Safari 15.4. Ci aspettiamo di vedere questa funzionalità in tutti i browser evergreen a breve.

In Chrome 99 sono presenti anche diversi nuovi attributi per CanvasRenderingContext2D e un nuovo metodo showPicker() in HTMLInputElement che consente 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 non appena le versioni beta di Firefox e Safari diventeranno stabili.

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

Componente della serie Novità sul web