Data di pubblicazione: 10 dicembre 2024
Il 2024 è stato un anno entusiasmante per il progetto Base di riferimento. Siamo in procinto di completare il set di dati sottostante e abbiamo lanciato strumenti come la dashboard dello stato della piattaforma web e il widget dello stato del benchmark. Altri progetti, come l'archivio RUM, stanno iniziando ad adottare Baseline. Questo post fa il punto su Base line nel 2024.
Che cos'è Baseline?
Le etichette di riferimento indicano le funzionalità web supportate da tutti i browser principali sia su computer che su dispositivi mobili. Se le funzionalità utilizzate fanno parte di Baseline, puoi fidarti del livello di compatibilità del browser.
Per maggiori dettagli sulle diverse etichette di Baseline e su come una funzionalità web diventa Baseline, visita il sito di Baseline o guarda Creare contenuti in tutta sicurezza con Baseline.
Il progetto Baseline nel 2024
Il lavoro relativo a web-features è completato all'81%.
web-features è un progetto volto a creare un catalogo condiviso delle funzionalità della piattaforma web. A ogni elemento viene assegnato un gruppo e una definizione e i dati di assistenza del benchmark vengono indicati in questo set di dati.
Quest'anno abbiamo fatto grandi sforzi per far progredire questo lavoro. Ad oggi, l'81% delle chiavi delle funzionalità è mappato e utilizzabile utilizzando il pacchetto npm web-features. web-features è la fonte attendibile per gli stati del benchmark.
La nuova dashboard dello stato della piattaforma web
La dashboard dello stato della piattaforma web fornisce informazioni sull'implementazione delle funzionalità della piattaforma web su diversi browser. La dashboard si basa sui dati di web-features, pertanto l'affidabilità di questa dashboard è notevolmente migliorata con l'avanzamento del lavoro sulle funzionalità web.
Puoi monitorare l'avanzamento di funzionalità specifiche o filtrare i dati per visualizzare un insieme di funzionalità, ad esempio la base di riferimento 2024. Questa dashboard integra le risorse esistenti come Can I Use e i dati di compatibilità di MDN, offrendo una visione più ampia dell'evoluzione della piattaforma web.
Per ulteriori informazioni sulla dashboard, leggi l'articolo Annuncio della dashboard della piattaforma web. Dal lancio sono stati aggiunti altri filtri, ad esempio group: e snapshot:. Ad esempio, snapshot:ecmascript-2023 mostra le funzionalità incluse in ES2023.
Widget <baseline-status>
Il componente web <baseline-status> utilizza anche i dati delle funzionalità web ed è ora pronto per essere utilizzato sui tuoi siti e nelle tue diapositive. Installalo da npm, quindi utilizza il componente ogni volta che menzioni una funzionalità.
<baseline-status> widget.Scopri di più sull'utilizzo del componente web Stato del benchmark.
Sito ufficiale e loghi
Baseline è di proprietà del gruppo della community WebDX del W3C e quest'anno abbiamo creato una pagina ufficiale per il progetto Baseline.
Se utilizzi Baseline nel tuo progetto, scrivi di Baseline o parli di Baseline, puoi inviare una richiesta di pull per elencare il tuo progetto nella pagina Baseline in the wild
Quando utilizzi Baseline nel tuo progetto, consulta le linee guida per l'utilizzo del nome e del logo. I loghi sono concessi in licenza per essere utilizzati ogni volta che vuoi mostrare lo stato delle funzionalità web.
Il progetto Interop ha reso disponibili molte funzionalità di Baseline
Il progetto Interop è un progetto multibrowser volto a migliorare l'interoperabilità del web. Le funzionalità di questo progetto sono destinate all'implementazione su più browser, il che consente di ridurre i tempi per diventare di nuovo disponibili come riferimento. Durante Interop 2024, DOM Shadow dichiarativo, font-size-adjust, requestVideoFrameCallback e text-wrap: balance sono entrati nella base di riferimento 2024 e molti altri sono molto vicini al completamento.
RUM Insights
La pagina Approfondimenti dell'archivio RUM è stata il primo strumento a integrare la funzionalità Baseline. Puoi vedere quanti utenti sono inclusi per ogni anno di riferimento in base ai loro dati. In questo modo puoi scegliere un anno di riferimento per il tuo progetto anziché adottare la base di riferimento Disponibile a livello generale.
Per saperne di più, leggi l'articolo Integrazione del baseline con l'archivio RUM.
Serie di video This Is Baseline
Per offrirti una spiegazione breve e rapida delle nuove funzionalità di Baseline, abbiamo pubblicato una serie di video chiamata #thisisbaseline. Scopri di più su nuovi metodi Set, API Screen Wake Lock, subgrid CSS e altro ancora in meno di 60 secondi.
Guarda tutti i video di This Is Baseline qui.
Vieni a chattare con noi di persona.
Quest'anno il team ha partecipato a molte conferenze per presentare Baseline,ascoltare le tue opinioni e rispondere alle tue domande. Ecco alcuni dei nostri talk.
Dai un'occhiata alla presentazione di Rachel al FITC Web Unleashed di ottobre, alla sessione di Pete a connect.tech e al intervento di Mariko a JSNation di novembre. Non vediamo l'ora di incontrarti a fantastici eventi nel 2025.
Che cosa contiene la base di riferimento 2024
Mentre l'anno volge al termine, sappiamo quali funzionalità fanno parte del Baselining 2024. Ecco alcuni punti salienti.
@property
Le proprietà CSS personalizzate (note anche come variabili CSS) sono una funzionalità ampiamente disponibile. La possibilità di definire proprietà personalizzate con un tipo, valori predefiniti ed ereditarietà utilizzando la regola@property è supportata da tutti i browser principali da luglio 2024.
Nuovi metodi Set
Set fa parte di JavaScript dal 2015, ma quest'anno sono stati aggiunti e supportati da tutti i browser principali altri metodi per eseguire operazioni matematiche sui set, come intersection e union.
AVIF
AVIF è un formato di immagine moderno che in genere offre una compressione migliore rispetto ad altri formati di immagine come WebP, JPEG, PNG e GIF. AVIF è supportato da tutti i browser principali da gennaio 2024.
…e altro ancora.
Naturalmente, quest'anno sono state aggiunte molte altre funzionalità a Baseline. Puoi controllare le funzionalità che sono diventate parte di Baseline nel corso del 2024 qui.
Conclusione
Quando abbiamo annunciato il progetto Baseline a maggio 2022, si trattava solo di un concetto e di una definizione iniziale di Baseline. Questo post mette in evidenza solo alcuni dei lavori svolti per trasformare Baseline in qualcosa che può far parte del flusso di lavoro di ogni sviluppatore.
Vogliamo ringraziare tutti per l'impegno profuso nel progetto Baseline.
Persone che hanno contribuito a web-features: Victor Allen, Dietrich Ayala, Daniel Beck, Patrick Brosset, Sondra Eby, Adriana Jara, Mariko Kosaka, Pete LePage, Florian Scholz, James Stuckey Weber e queengooborg (Vinile)
Widget <baseline-status>: Ewa Gasperowicz e il team di DevRel di Chrome
Dashboard dello stato della piattaforma web: Panos Astithas, Kyle Ju, James Scott, Daniel Smith e Jason Xu
Il team di riferimento di Google: Aaron Abbarno, Rachel Andrew, Tony Conway, Philip Jägenstedt, Adriana Jara, Mariko Kosaka, Pete LePage, Nandu Nair, Ali Spivak e Kadir Topal
Un ringraziamento speciale a: Alexis Deveria di CanIUse, Claas Augner, Hermina Condei, Florian Dieminger, Ruth John, Leo McArdle di MDN, Nic Jansma e Robin Marx di RUM Archive, i collaboratori del progetto Interop, Apple, Firefox, Igalia, Microsoft, Open Web Docs, OddBird e i membri del gruppo della community WebDX.