Dipublikasikan: 23 Oktober 2024
Dalam postingan ini, pelajari cara menggunakan komponen web <baseline-status> baru di situs Anda sendiri, dan logo Baseline dalam presentasi, setiap kali Anda menulis atau berbicara tentang fitur platform web.
Sebagian besar developer pernah mengalami pengalaman menelusuri solusi untuk masalah pengembangan web, menemukan artikel yang menjelaskan solusi sempurna, lalu menyadari di akhir bahwa solusi tersebut hanya tersedia di satu browser. Atau bersemangat dengan fitur yang dijelaskan oleh presenter konferensi, lalu menemukan bahwa fitur tersebut masih dalam tahap 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, garis dasar membuat semuanya menjadi lebih jelas. Daripada memeriksa setiap versi browser, Anda dapat memeriksa apakah suatu fitur tersedia Luas dan merupakan Dasar, sehingga siap digunakan tanpa perlu khawatir. Atau mengetahui bahwa fitur tersebut adalah fitur Baru yang tersedia di Baseline dan oleh karena itu dapat dioperasikan, tetapi sebagai fitur baru, mungkin Anda ingin mempertimbangkan strategi penggantiannya. Di web.dev, kami telah mulai menambahkan komponen status Dasar baru ke beberapa halaman kami. Anda dapat melihatnya di postingan blog tentang CSS font-size-adjust.
Menambahkan komponen ke situs Anda
Komponen web tidak hanya untuk kami gunakan. Kami senang dapat membagikan komponen
<baseline-status> kepada Anda. Badge ini siap Anda gunakan untuk menunjukkan status Dasar 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 ditunjukkan dalam HTML berikut untuk
font-size-adjust.
<baseline-status featureId="font-size-ad><just"/basel>ine-status
Komponen kemudian akan otomatis diupdate saat fitur berpindah dari Ketersediaan terbatas, melalui Baru tersedia hingga Tersedia luas.
Temukan featureId
featureId yang diteruskan ke komponen adalah nama fitur di
repositori web-features.
Komponen mendapatkan status fitur dari data yang dikumpulkan melalui
project fitur web.
Menambahkan logo Baseline
Jika Anda memublikasikan sesuatu dalam bentuk cetak, PDF, atau mempresentasikan di konferensi, logo tersebut mungkin berguna untuk menunjukkan status pada saat itu. Dasbor Status Platform Web dapat membantu Anda memeriksa status Dasar dari fitur apa pun.
Logo Baseline dilisensikan untuk Anda gunakan di semua materi Anda, download dalam format PNG dan SVG.
Beri tahu kami tempat Anda menggunakan Baseline
Kami ingin melihat di mana Baseline digunakan. Buat PR dan tambahkan link ke tempat Anda menggunakannya untuk Baseline in the wild.
Apakah Anda memiliki ide integrasi lainnya?
Apakah Anda punya ide untuk mengintegrasikan Baseline dengan cara lain? Mungkin Anda memiliki alat developer yang dapat menyertakan informasi ini, atau produk yang akan diuntungkan jika dapat membagikan versi Dasar yang digunakan oleh panel admin. Sampaikan masalah terkait ide Anda, kami akan dengan senang hati membantu.