Novità sulla piattaforma web a dicembre

Scopri alcune delle interessanti funzionalità disponibili in versione stabile e beta browser web a dicembre 2023.

Release del browser stabili

A dicembre 2023, su Firefox 121, Chrome 120 e Safari 17.2 è diventato stabile. Questo post spiega cosa significa tutto ciò per la piattaforma web.

Analisi confortevole per la nidificazione dei CSS

Chrome 120 e Safari 17.2 includono analitica più lenta per la nidificazione dei CSS. Poiché questa funzionalità è 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 relativo a Elemento <details>. Ciò significa che potete creare componenti accordion esclusivi raggruppando una serie di elementi <details>.

Scopri di più in fisarmonica esclusiva.

Supporto dei browser

  • 120
  • 120
  • x
  • 17,2

Selettore :has()

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

Scopri di più in :has(): il selettore della famiglia.

Supporto dei browser

  • 105
  • 105
  • 121
  • 15,4

Origine

L'API CSS Custom Highlight

Safari 17.2 include API CSS Custom Highlight che ti consente di creare e definire intervalli di testo, l'estensione delle pseudo-classi di evidenziazione standard come ::selection.

Supporto dei browser

  • 105
  • 105
  • 17,2

Origine

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 dalla chiave ESC sul computer e dal gesto o dal pulsante Indietro su Android. e può essere difficile da implementare bene.

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

Supporto dei browser

  • 126
  • 126
  • x
  • x

CSS text-wrap: balance e stable

Firefox 121 include i valori balance e stable per text-wrap. Il valore balance è utile per brevi blocchi di contenuti come titoli, creando testi più piacevoli e facili da leggere. Il valore stable impedisce che i contenuti modificabili vengano rallentati durante la modifica.

Scopri di più su text-wrap: balance.

text-wrap: balance

Supporto dei browser

  • 114
  • 114
  • 121
  • 17,50

Origine

text-wrap: stable

Supporto dei browser

  • x
  • x
  • 121
  • 17,50

Origine

Caricamento lento di <iframe> elementi

Firefox 121 supporta l'attributo loading per gli 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 per la funzione di easing linear()

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

Supporto dei browser

  • 113
  • 113
  • 112
  • 17,2

Versioni del browser beta

Le versioni beta del browser offrono un'anteprima delle funzionalità che saranno incluse nel prossimo alla versione stabile del browser. È un ottimo momento per testare nuove funzionalità delle rimozioni, che potrebbero avere un impatto sul tuo sito prima che il resto del mondo lo riceva. Nuovi le versioni beta Firefox 122 Chrome 121 e Safari 17.3. Queste release integrano molte funzionalità eccezionali sulla piattaforma. Dai un'occhiata alla release note per tutti i dettagli. Ecco alcuni punti salienti.

Firefox 122 e Chrome 121 includono il metodo showPicker() per HTMLSelectElement. Mostra lo stesso selettore che verrebbe mostrato quando selezioni l'elemento. ma possono essere attivate 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, oltre al mascheramento CSS migliorato per SVG, ed evidenziare pseudo-elementi per il testo che contiene errori di ortografia o non è grammaticalmente corretto.