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.
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.
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.
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()
.
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.
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.
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.