Novità sulla piattaforma web a dicembre

Scopri alcune delle interessanti funzionalità disponibili nei browser web stabili e beta nel mese di dicembre 2023.

Rachel Andrew

Release del browser stabile

A dicembre 2023, Firefox 121, Chrome 120 e Safari 17.2 sono diventati stabili. Questo post spiega cosa significa per la piattaforma web.

Analisi semplificata per la nidificazione di CSS

Chrome 120 e Safari 17.2 includono analisi semplificata per la nidificazione di CSS. Poiché questa modifica è stata supportata in Firefox dalla versione 117, significa che tutti i principali motori supportano questa modifica della sintassi.

Fisarmoniche esclusive con l'elemento <details>

Chrome 120 e Safari 17.2 includono il supporto per l'attributo name per l'elemento <details>. Ciò significa che puoi creare componenti accordion esclusivi raggruppando un certo numero di elementi <details>.

Scopri di più nell'accordon esclusiva.

Supporto dei browser

  • 120
  • 120
  • x
  • 17,2

Selettore :has()

Firefox 121 include il selettore CSS :has(). Questa release rende :has() interoperabile tra tutti i principali motori.

Scopri di più in :has(): il selettore del gruppo Famiglia.

Supporto dei browser

  • 105
  • 105
  • 121
  • 15,4

Fonte

L'API CSS Custom Highlights

Safari 17.2 include l'API CSS Custom Highlights che consente di creare intervalli di testo e definire gli stili, estendendo le pseudo-classi standard di evidenziazione come ::selection.

Supporto dei browser

  • 105
  • 105
  • 17,2

Fonte

API CloseWatcher

Chrome 120 include l'API CloseWatcher, una nuova API che consente di ascoltare e rispondere alle richieste di chiusura. Queste richieste vengono attivate dal tasto ESC su computer e dal pulsante Indietro o dal pulsante Indietro su Android e possono essere complicate da implementare correttamente.

Oltre all'API, Chrome 120 esegue l'upgrade di <dialog> e dell'attributo popover per rispondere al pulsante Indietro di Android.

Supporto dei browser

  • 120
  • 120
  • x
  • x

CSS text-wrap: balance e stable

Firefox 121 include i valori balance e stable per text-wrap. Il valore balance è utile per blocchi di contenuti brevi, ad esempio intestazioni, per creare testo più piacevole e facile da leggere. Il valore stable impedisce che i contenuti modificabili vengano aggiunti durante la modifica.

Scopri di più su text-wrap: balance.

text-wrap: balance

Supporto dei browser

  • 114
  • 114
  • 121

Fonte

text-wrap: stable

Supporto dei browser

  • x
  • x
  • 121

Fonte

Caricamento lento di <iframe> elementi

Firefox 121 supporta l'attributo loading negli elementi <iframe>. Ciò significa che il caricamento lento degli iframe è ora supportato in tutti i principali motori.

Supporto dei browser

  • 77
  • 79
  • 121
  • 16.4

Supporto della funzione di easing di linear()

Safari 17.2 include anche il supporto della funzione di easing linear(), che può essere utilizzata per creare effetti di rimbalzo e molla.

Supporto dei browser

  • 113
  • 113
  • 112
  • 17,2

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 122, Chrome 121 e Safari 17.3. Queste release introducono molte fantastiche funzionalità nella piattaforma. Per tutti i dettagli, consulta le note di rilascio. Ecco alcuni punti salienti.

Firefox 122 e Chrome 121 includono il metodo showPicker() per HTMLSelectElement. Mostra lo stesso selettore che verrebbe mostrato con l'elemento selezionato, ma che può essere attivato dalla pressione di un pulsante o da un'altra interazione dell'utente.

Chrome 121 include le proprietà di stile della barra di scorrimento scrollbar-color e scrollbar-width, insieme al mascheramento CSS migliorato per SVG, ed evidenzia gli pseudo-elementi per il testo che contiene errori di ortografia o non è grammaticalmente corretto.