Data di pubblicazione: 22 gennaio 2025
Con la fine di Interop 2024, questo post ripercorre l'anno di maggior successo del progetto. Alla fine, tutti i browser sperimentali hanno registrato un voto di 99, con le versioni stabili non molto distanti. Questo risultato significa che un numero di funzionalità sono ora disponibili come Base di riferimento.

Altre funzionalità di Baseline
Affinché una funzionalità sia disponibile come Base di riferimento, deve essere interoperabile. Non sorprende quindi che Interop 2024 abbia contribuito a sviluppare una serie di funzionalità oltre questa linea e nel Baseline 2024.
Proprietà personalizzate registrate
La regola @property
e il metodo statico CSS.registerProperty()
sono diventati Base
Disponibile a partire da luglio 2024.
@property
su MDN- Voce
@property
nella dashboard della piattaforma web @property
: le variabili CSS di nuova generazione ora sono supportate da tutti i browser
La proprietà font-size-adjust
La proprietà CSS font-size-adjust
mantiene le dimensioni apparenti del testo, indipendentemente dal carattere utilizzato, ridimensionando i caratteri in modo che abbiano le stesse dimensioni rispetto a una metrica specifica, ad esempio l'altezza x. In questo modo, i caratteri di riserva avranno le stesse dimensioni.
È diventato disponibile come base di riferimento a luglio 2024.
font-size-adjust
su MDN- Voce
font-size-adjust
nella dashboard della piattaforma web - Il CSS
font-size-adjust
è ora nella base di riferimento
Il metodo requestVideoFrameCallback()
per <video>
Il metodo requestVideoFrameCallback()
per <video>
pianifica una funzione che viene eseguita con il frame video successivo. È simile a requestAnimationFrame()
, ma per i video, ed è diventato disponibile di recente a ottobre 2024.
requestVideoFrameCallback()
su MDN- Voce
requestVideoFrameCallback()
nella dashboard della piattaforma web - Esegui operazioni efficienti per frame video con
requestVideoFrameCallback()
Stile della barra di scorrimento con scrollbar-width
e scrollbar-gutter
La proprietà CSS scrollbar-width
imposta la larghezza della barra di scorrimento e scrollbar-gutter
riserva spazio per la barra di scorrimento, impedendo modifiche indesiderate al layout quando la barra di scorrimento viene visualizzata e nascosta. Sono diventati Base di riferimento
disponibile a dicembre 2024.
La proprietà transition-behavior
La dichiarazione CSS transition-behavior: allow-discrete
consente le transizioni per le proprietà il cui comportamento di animazione è discreto. Queste proprietà non possono essere interpolate e passare dal valore iniziale al valore finale al 50%. Questa proprietà è diventata di riferimento di nuova disponibilità ad agosto 2024.
transition-behavior
su MDN- Voce
transition-behavior
nella dashboard della piattaforma web - Ora in Base di riferimento: animazione degli effetti di entrata
text-wrap: balance
La proprietà CSS text-wrap
imposta la modalità di interruzione delle righe nel testo che fuoriesce dal
contenutore. È una scorciatoia per text-wrap-style
e text-wrap-mode
. Il valore balance
ti consente di creare titoli equilibrati e altri brevi testi. La proprietà text-wrap
è diventata di nuova disponibilità come riferimento a marzo 2024.
Popover
Popover ti consente di creare overlay in modo dichiarativo utilizzando HTML o con il metodoshowPopover()
. È quasi riuscita a raggiungere il livello di base Nuovamente disponibile e inizialmente lo avevamo anche pensato, ma un problema con l'implementazione di Safari ha impedito di raggiungere questo livello nel 2024. La buona
notizia è che il problema è stato risolto nella versione beta Safari 18.3 corrente, pertanto a breve
potremo annunciare correttamente Popover come Base di riferimento appena disponibile.
Correzioni alle funzionalità di Baseline
In Interop 2024 erano incluse funzionalità già classificate come Baseline di nuova disponibilità. L'obiettivo era correggere alcune piccole differenze nell'implementazione. Potrebbero essere problemi che si verificano solo in pochi casi, ma anche i piccoli problemi possono fare una grande differenza se si verificano nel tuo caso.
Nidificazione CSS
La nidificazione CSS consente di avere selettori più brevi, una lettura più facile e una maggiore modularità nidificando le regole all'interno di altre. È diventato disponibile come Base di riferimento di nuova introduzione a dicembre 2023 ed è stato incluso in Interop 2024 per risolvere alcuni problemi di interoperabilità in sospeso.
DOM shadow dichiarativo
L'attributo shadowrootmode
su <template>
crea un'origine nascosta senza l'uso di JavaScript. È un'alternativa dichiarativa al metodo "attachShadow()".
- L'attributo
shadowrootmode
su MDN - Voce DOM shadow dichiarativo nella dashboard della piattaforma web
Interop 2025 sarà disponibile a breve
Le proposte sono in fase di finalizzazione per Interop 2025 e non vediamo l'ora di consolidare tutti i risultati ottenuti quest'anno. Tieni d'occhio l'annuncio a febbraio per scoprire cosa è incluso. Per seguire le novità di Baselining, consulta la nostra serie di funzionalità di Baselining appena disponibili qui su web.dev.