Data di pubblicazione: 23 ottobre 2024
In questo post scopri come utilizzare il nuovo componente web <baseline-status> sul tuo sito e i loghi Baseline nelle presentazioni, ogni volta che scrivi o parli delle funzionalità della piattaforma web.
La maggior parte degli sviluppatori ha avuto l'esperienza di cercare una soluzione a un problema di sviluppo web, trovare un articolo che descrive la soluzione perfetta e poi rendersi conto alla fine che è disponibile solo in un browser. Oppure entusiasmarsi per una funzionalità descritta da un relatore di una conferenza, per poi scoprire che è sperimentale. Volevamo migliorare questo aspetto sui nostri siti per sviluppatori Chrome e negli ultimi due anni abbiamo aggiunto dati di compatibilità da MDN ai nostri post.
La baseline, invece, rende le cose ancora più chiare. Anziché controllare le singole versioni del browser, puoi verificare se una funzionalità è ampiamente disponibile nella baseline e quindi pronta per l'uso senza preoccupazioni. Oppure scopri che è disponibile la funzionalità di base e quindi interoperabile, ma essendo una nuova funzionalità forse vorrai valutare strategie di fallback. Su web.dev abbiamo iniziato ad aggiungere un nuovo componente di stato Baseline ad alcune delle nostre pagine. Puoi vederlo nel post del blog su CSS font-size-adjust.
Aggiungere il componente al sito
Il componente web non è destinato solo al nostro utilizzo. Siamo felici di condividere con te il componente <baseline-status>. Puoi utilizzarlo per mostrare lo stato di base dei contenuti che crei. Il componente può essere installato da npm o precompilato da una CDN. Leggi le istruzioni di installazione.
Una volta installata, mostra lo stato di una funzionalità come mostrato nel seguente codice HTML per
font-size-adjust.
<baseline-status featureId="font-size-ad><just"/basel>ine-status
Il componente verrà quindi aggiornato automaticamente man mano che una funzionalità passa dalla disponibilità limitata a quella appena disponibile e infine a quella ampiamente disponibile.
Trova il featureId
featureId passato al componente è il nome della funzionalità nel
repository web-features.
Il componente ottiene lo stato della funzionalità dai dati raccolti tramite il
progetto delle funzionalità web.
Aggiungere loghi di base
Se stai pubblicando qualcosa in formato cartaceo, PDF o presentando una conferenza, i loghi sono probabilmente utili per mostrare lo stato in quel momento. La dashboard Stato della piattaforma web può aiutarti a controllare lo stato di base di qualsiasi funzionalità.
I loghi di Baseline sono concessi in licenza per l'utilizzo in tutti i tuoi materiali, scaricali in formato PNG e SVG.
Comunicaci dove utilizzi Baseline
Ci piacerebbe sapere dove viene utilizzato Baseline. Crea una PR e aggiungi un link a dove l'hai utilizzata per Baseline in the wild.
Hai altre idee per l'integrazione?
Hai un'idea per integrare Baseline in un altro modo? Forse hai uno strumento per sviluppatori che potrebbe includere queste informazioni o un prodotto che trarrebbe vantaggio dalla possibilità di condividere la versione di base utilizzata dal pannello di amministrazione. Segnala un problema con le tue idee, saremo felici di aiutarti.