Aggiornamento di ottobre di Interop 2023

Ora siamo a favore dell'ultimo trimestre del 2023, con grandi progressi da tutti i browser nelle aree di interesse di Interoperabilità 2023. In questo articolo, scopri i punteggi di Interop 2023 finora e le funzionalità ora disponibili grazie all'impegno di quest'anno.

Stato a gennaio 2023

A gennaio 2023 abbiamo annunciato il lancio di Interop 2023 e le 26 aree di interesse che tutti i motori avrebbero potuto migliorare durante l'anno.

Il punteggio complessivo di interoperabilità per i browser sperimentali al momento del lancio era 62.

I punteggi per l'interoperabilità complessiva: 62, le indagini: 0 e i punteggi per browser - 86 per Chrome ed Edge, 74 per Firefox, 86 per Safari Technology Preview.
Dashboard di Interop 2023 (screenshot acquisito il 31 gennaio 2023).

Stato aggiornato a ottobre 2023

Il punteggio complessivo relativo all'interoperabilità per i browser sperimentali è 89. Passando alla visualizzazione stabile e osservando i componenti che sono già stati spediti nei browser stabili, il punteggio è un discreto 75. Dietro a quel punteggio c'è una miriade di cose che ora funzionano sui principali motori. Alcune di queste sono piccole correzioni di interoperabilità, ma anche alcune funzionalità principali.

I punteggi per l'interoperabilità complessiva: 89, le indagini: 66, e i punteggi per browser - 97 per Chrome ed Edge, 93 per Firefox, 95 per Safari Technology Preview.
Dashboard di Interop 2023 (screenshot acquisito il 30 ottobre 2023).

Query container di dimensioni e valori di lunghezza delle query container

A febbraio abbiamo festeggiato il diventare interoperabili delle query dei container di dimensioni. Si tratta di una funzionalità molto richiesta dagli sviluppatori web e renderla disponibile in tutti i motori così rapidamente è stata una grande vittoria per la piattaforma web.

Supporto dei browser

  • 105
  • 105
  • 110
  • 16

Fonte

Oltre alle query sulle dimensioni del container, sono arrivate le unità di query del container. Queste vengono usate allo stesso modo delle unità dell'area visibile, come vw, con la differenza che sono correlate al contenitore anziché all'area visibile.

Supporto dei browser

  • 105
  • 105
  • 110
  • 16

Spazi colore e funzioni

A maggio, Color Space Lab, LCH, Oklab e Oklch sono diventati compatibili con l'interoperabilità. Le notazioni funzionali CSS lab(), lch(), oklab() e oklch() consentono agli sviluppatori di utilizzare questi spazi colore. Sono state incluse anche le notazioni funzionali color() e color-mix().

Supporto dei browser

  • 111
  • 111
  • 113
  • 15

Fonte

Per saperne di più su questi nuovi spazi colore e funzioni, consulta la Guida ai colori per i CSS ad alta definizione.

Griglia

La funzionalità di griglia per il layout di griglia CSS è un nuovo valore per grid-template-columns e grid-template-rows che consente a una griglia nidificata di utilizzare la definizione della traccia della griglia principale. Ciò significa che puoi allineare gli elementi nidificati nella struttura della griglia.

Supporto dei browser

  • 117
  • 117
  • 71
  • 16

Fonte

Scopri di più sulla griglia secondaria. Per scoprire alcune delle complessità che hanno reso difficile l'implementazione di una griglia, guarda questo video di BlinkOn 18.

L'attributo HTML inert

L'attributo globale HTML inert indica che puoi segnalare le sezioni della tua pagina come inerti. In questo modo impedisce gli eventi di clic e lo stato attivo e l'elemento e i suoi contenuti vengono nascosti dall'albero dell'accessibilità. Questa funzionalità è utile, ad esempio, per i contenuti visivamente fuori schermo e quindi non attivi anche per gli screen reader.

Supporto dei browser

  • 102
  • 102
  • 112
  • 15.5

Fonte

Ma non è finita qui

Oltre a queste funzionalità principali, quest'anno sono disponibili nei browser molte altre funzionalità e correzioni. Sono in arrivo versioni del browser per il resto dell'anno e pubblicheremo un riepilogo completo una volta che saranno stati individuati i punteggi.