Menampilkan status Dasar Pengukuran di postingan blog dan presentasi

Dipublikasikan: 23 Oktober 2024

Dalam postingan ini, pelajari cara menggunakan komponen web <baseline-status> baru di situs Anda sendiri, dan logo Dasar Pengukuran dalam presentasi, setiap kali Anda menulis atau membicarakan fitur platform web.

Sebagian besar developer pernah mengalami penelusuran solusi untuk masalah pengembangan web, menemukan artikel yang menjelaskan solusi yang sempurna, lalu menyadari di akhir bahwa solusi tersebut hanya tersedia di satu browser. Atau, Anda merasa tertarik dengan fitur yang dijelaskan oleh presenter konferensi, lalu menemukan bahwa fitur tersebut masih bersifat eksperimental. Hal ini adalah sesuatu yang ingin kami tingkatkan di situs developer Chrome kami, dan selama dua tahun terakhir, kami telah menambahkan data kompatibilitas dari MDN ke postingan kami.

Namun, Baseline membuatnya lebih jelas. Daripada memeriksa versi browser satu per satu, Anda dapat memeriksa apakah suatu fitur tersedia secara luas sebagai Dasar Pengukuran sehingga siap digunakan tanpa khawatir. Atau pelajari bahwa Baseline Baru tersedia sehingga dapat dioperasikan secara bersama, tetapi sebagai fitur baru, mungkin Anda ingin mempertimbangkan strategi penggantian untuknya. Di web.dev, kami telah mulai menambahkan komponen status Dasar Pengukuran baru ke beberapa halaman kami. Anda dapat melihatnya di postingan blog tentang font-size-adjust CSS.

Komponen yang menunjukkan bahwa font-size-adjust adalah Dasar Pengukuran yang Baru tersedia.
Komponen pada postingan yang disesuaikan dengan ukuran font.

Menambahkan komponen ke situs

Komponen web tidak hanya untuk kita gunakan. Kami senang dapat membagikan komponen <baseline-status> kepada Anda. Status ini siap digunakan untuk menampilkan status Dasar Pengukuran pada konten yang Anda buat. Komponen dapat diinstal dari npm, atau dikompilasi sebelumnya dari CDN—baca petunjuk penginstalan. Setelah diinstal, tampilkan status fitur seperti yang ditampilkan dalam HTML berikut untuk font-size-adjust.

<baseline-status featureId="font-size-adjust"></baseline-status>

Komponen kemudian akan otomatis diperbarui saat fitur berpindah dari Ketersediaan terbatas, melalui Baru tersedia, hingga tersedia di Wideline.

Temukan featureId

featureId yang diteruskan ke komponen adalah nama fitur di repositori fitur web. Komponen mendapatkan status fitur dari data yang dikumpulkan melalui project fitur web.

Menambahkan logo Dasar Pengukuran

Jika Anda memublikasikan sesuatu dalam bentuk cetak, PDF, atau presentasi di konferensi, logo kemungkinan akan membantu menampilkan status pada saat itu. Dasbor Status Platform Web dapat membantu Anda memeriksa status Dasar Pengukuran fitur apa pun.

Dua logo hijau dengan kata Baseline, ditampilkan pada latar belakang putih dan hitam.
Wordmark Baseline dalam mode terang dan gelap.

Logo Dasar Pengukuran dilisensikan untuk Anda gunakan dalam semua materi, download dalam format PNG dan SVG.

Beri tahu kami tempat Anda menggunakan Baseline

Kami ingin melihat tempat Baseline digunakan. Buat PR dan tambahkan link ke tempat Anda menggunakannya ke Baseline di dunia nyata.

Apakah Anda memiliki ide integrasi lain?

Apakah Anda memiliki ide untuk mengintegrasikan Dasar Pengukuran dengan cara lain? Mungkin Anda memiliki alat developer yang dapat menyertakan informasi ini, atau produk yang akan mendapatkan manfaat dengan membagikan versi Dasar Pengukuran yang digunakan oleh panel admin. Laporkan masalah terkait ide Anda, kami akan membantu dengan senang hati.