Interop 2024 aggiunge altre funzionalità a Baseline

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.

Tutti i browser con un punteggio pari a 99.
Dashboard di Interop 2024 (a partire dal 22 gennaio 2025)

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.

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.

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.

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.

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

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.