Novità sulla piattaforma web a gennaio

Scopri alcune delle interessanti funzionalità disponibili nei browser web stabili e beta a gennaio 2024.

Rachele Andrei

Release del browser stabile

A gennaio 2024, Firefox 122, Chrome 121 e Safari 17.3 sono diventati stabili. Questo post illustra le nuove funzionalità aggiunte alla piattaforma web.

<hr> in <select>

Firefox 122 aggiunge elementi <hr> come elementi secondari consentiti di <select> elementi. Ciò migliora la leggibilità degli elenchi selezionati con molte opzioni. Tutti i principali motori del browser ora supportano questa funzionalità. Tuttavia, vale la pena notare che al momento nessun browser espone <hr> nell'albero di accessibilità.

HTMLSelectElement.showPicker

Inoltre, per gli elementi <select> in Firefox il metodo showPicker() per HTMLSelectElement. Si tratta dello stesso selettore che verrebbe normalmente visualizzato quando l'elemento viene selezionato, ma può essere attivato dalla pressione di un pulsante o da un'altra interazione dell'utente.

API Largest Contentful Paint (LCP)

Firefox 122 supporta anche l'API LCP. Questa API Performance fornisce informazioni sulle tempistiche relative alla visualizzazione di immagini o testo più grandi prima che gli utenti interagiscano con una pagina web. Scopri di più su LCP nella documentazione LCP.

Proprietà della barra di scorrimento CSS

In Chrome 121 viene aggiunto il supporto delle proprietà della barra di scorrimento scrollbar-color e scrollbar-width. Scopri di più nell'articolo Stili delle barre di scorrimento.

Animazione font-palette CSS

La proprietà font-palette ti consente di selezionare una tavolozza specifica per il rendering di un carattere colorato. Questa proprietà ora supporta le animazioni, pertanto il passaggio da una tavolozza all'altra diventa una transizione uniforme tra le due tavolozze selezionate.

I metodi transfer() e transferToFixedLength() di ArrayBuffer

Firefox include i metodi JavaScript transfer() e transferToFixedLength() di ArrayBuffer. Il metodo transfer() crea un nuovo elemento ArrayBuffer con gli stessi contenuti di byte dell'ArrayBuffer attuale, quindi scollega il metodo ArrayBuffer originale. Il metodo transferToFixedLength() funziona allo stesso modo, ma crea una dimensione fissa ArrayBuffer.

Aggiornamenti all'API Speculation Rules

I siti utilizzano l'API Speculation Rules per indicare in modo programmatico a Chrome le pagine di cui eseguire il prerendering, creando un'esperienza utente migliore riducendo i tempi di navigazione nelle pagine.

Chrome 121 include il supporto per le regole documenti: sono un'estensione della sintassi delle regole di speculazione che consente al browser di ottenere l'elenco di URL per il caricamento speculativo dagli elementi di una pagina. Le regole per i documenti possono includere criteri per l'utilizzo di questi link. Ciò, insieme al nuovo campo "eagerness", ti consente di precaricare automaticamente o eseguire immediatamente il prerendering dei link nelle pagine, al passaggio del mouse o al mousedown.

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 a livello mondiale. Le nuove versioni beta sono Firefox 123, Chrome 122 e Safari 17.4. Queste release introducono molte fantastiche funzionalità nella piattaforma. Per tutti i dettagli, consulta le note di rilascio. Ecco alcuni punti salienti.

Firefox 123 beta include il DOM dichiarativo Shadow.

Sempre in Firefox 123 è supportato il codice di stato della risposta alle informazioni HTTP 103 Early Hints per il precaricamento delle risorse di cui la pagina potrebbe avere bisogno mentre il server prepara la risposta completa.

Ci sono molte cose buone in Safari 17.4 beta. Per i CSS è disponibile il supporto per @scope, align-content nei container a blocchi e nelle celle delle tabelle, per gli pseudo-elementi ::grammar-error e ::spelling-error e molto altro ancora.

Nei moduli, supporto per la modalità di scrittura verticale nei controlli modulo, il metodo showPicker() per <input type="date"> e supporto per <hr> in <select> su iOS.

JavaScript riceve anche alcune nuove funzionalità che supportano, tra le altre cose, i metodi detached(), transfer() e transferToFixedLength() di ArrayBuffer.

Chrome 122 beta include un'opzione unsanitized nel metodo read() dell'API Async Clipboard per recuperare il formato HTML non verificato. Per JavaScript ci sono nuovi helper per l'iteratore e nuovi metodi per la classe Set integrata.

Sempre in Chrome 122 c'è l'API Storage Buckets, che mira a rendere più prevedibile l'eliminazione dell'archiviazione permanente sotto una forte pressione della memoria.