Dasar pengukuran 2024: lebih banyak alat untuk membantu developer web

Dipublikasikan: 10 Des 2024

Tahun 2024 adalah tahun yang menarik bagi project Dasar Pengukuran. Kami hampir menyelesaikan set data yang mendasarinya, dan telah meluncurkan alat seperti dasbor Status Platform Web dan widget Status dasar pengukuran. Project lain seperti RUM Archive mulai mengadopsi Dasar Pengukuran. Postingan ini membahas Baseline pada tahun 2024.

Fitur web label dasar pengukuran yang didukung oleh semua browser inti di desktop dan seluler. Jika fitur yang digunakan adalah bagian dari Dasar Pengukuran, Anda dapat memercayai tingkat kompatibilitas browser.

Logo yang baru tersedia dengan semua browser yang menunjukkan bahwa browser tersebut mendukung fitur.
Dasar Pengukuran Logo baru yang tersedia ditampilkan di halaman visibilitas konten MDN.

Untuk mengetahui detail selengkapnya tentang berbagai label Dasar Pengukuran dan cara fitur web menjadi Dasar Pengukuran, lihat situs Dasar Pengukuran atau tonton Mem-build dengan percaya diri menggunakan Dasar Pengukuran.

Project Dasar Pengukuran pada tahun 2024

Pekerjaan web-features telah selesai 81%.

web-features adalah upaya untuk membuat katalog fitur bersama platform web. Setiap fitur diberi grup dan definisi, dan data dukungan Dasar Pengukuran dicatat dalam set data ini.

Kami telah melakukan upaya yang signifikan tahun ini untuk memajukan pekerjaan ini. Hingga saat ini, 81% kunci fitur dipetakan dan dapat digunakan menggunakan paket npm fitur web. web-features adalah sumber tepercaya untuk status Dasar Pengukuran.

Dasbor Status Platform Web baru

Dasbor Status Platform Web memberikan insight tentang penerapan fitur platform web di berbagai browser. Dasbor ini didukung oleh data web-features, sehingga keandalan dasbor ini telah meningkat secara signifikan dengan progres pekerjaan fitur web yang lebih lengkap.

Anda dapat melacak progres fitur tertentu, atau memfilter untuk melihat serangkaian fitur seperti Baseline 2024. Dasbor ini melengkapi referensi yang ada seperti Can I Use dan data kompatibilitas MDN, yang menawarkan gambaran yang lebih luas tentang evolusi platform web.

Untuk mengetahui informasi selengkapnya tentang dasbor, baca Mengumumkan Dasbor Platform Web. Filter lainnya telah ditambahkan sejak peluncuran seperti group: dan snapshot:, misalnya snapshot:ecmascript-2023 akan menampilkan fitur yang disertakan dalam ES2023.

Widget <baseline-status>

Komponen web <baseline-status> juga menggunakan data fitur web, dan kini siap digunakan di situs dan slide Anda sendiri. Instal dari npm, lalu gunakan komponen setiap kali Anda menyebutkan fitur.

widget status dasar pengukuran yang dirender sebagai gambar.
Widget <baseline-status>.

Pelajari lebih lanjut cara menggunakan komponen web Status dasar pengukuran.

Situs dan logo resmi

Baseline dimiliki oleh Grup Komunitas WebDX W3C, dan tahun ini kami telah membuat halaman resmi untuk project Baseline.

Jika Anda menggunakan Dasar Pengukuran dalam project, menulis tentang Dasar Pengukuran, atau memberikan presentasi tentang Dasar Pengukuran, Anda dapat mengirimkan Pull Request untuk mencantumkan project Anda di halaman Dasar Pengukuran di dunia nyata

Saat menggunakan Dasar Pengukuran dalam project Anda, lihat panduan penggunaan nama dan logo. Logo tersebut dilisensikan untuk Anda gunakan kapan pun Anda ingin menampilkan status fitur web.

Project Interop membuat banyak fitur Baseline Baru tersedia

Project Interop adalah upaya lintas browser untuk meningkatkan interoperabilitas web. Fitur dalam project ini ditargetkan untuk implementasi lintas browser, sehingga mempercepat waktu untuk menjadi Dasar Pengukuran yang Baru tersedia. Selama Interop 2024, Declarative Shadow DOM, font-size-adjust, requestVideoFrameCallback, dan text-wrap: balance berhasil masuk ke Dasar Pengukuran 2024, dan banyak lagi yang hampir selesai.

Insight RUM

Halaman Insight di RUM Archive adalah alat pertama yang mengintegrasikan Dasar Pengukuran. Anda dapat melihat jumlah pengguna yang disertakan untuk setiap tahun Dasar Pengukuran berdasarkan data mereka. Hal ini dapat membantu Anda memilih tahun Dasar Pengukuran untuk project Anda, bukan menggunakan Dasar Pengukuran yang Tersedia secara luas.

Baca Integrasi dasar pengukuran dengan RUM Archive untuk mengetahui informasi selengkapnya.

Seri video Ini adalah Dasar Pengukuran

Untuk memberikan penjelasan singkat dan cepat tentang fitur baru yang tersedia di Dasar Pengukuran, kami telah memublikasikan serial video yang disebut #thisisbaseline. Pelajari hal-hal seperti metode Set baru, Screen Wake Lock API, sub-petak CSS, dan lainnya dalam waktu kurang dari 60 detik.

Lihat semua video This Is Baseline di sini.

Mari chat dengan kami secara langsung.

Tim kami telah menghadiri banyak konferensi tahun ini untuk menghadirkan Baseline kepada Anda, mendengar pendapat Anda, dan menjawab pertanyaan Anda. Berikut beberapa presentasi yang telah kami sampaikan.

Tonton presentasi Rachel dari FITC Web Unleashed pada bulan Oktober, sesi Pete di connect.tech, dan presentasi Mariko di JSNation pada bulan November. Kami juga ingin segera bertemu dengan Anda di beberapa acara menarik pada tahun 2025.

Yang ada di Dasar Pengukuran 2024

Menjelang akhir tahun, kami mengetahui fitur mana yang merupakan bagian dari Dasar Pengukuran 2024. Berikut beberapa sorotannya.

@property

Properti kustom CSS (juga dikenal sebagai variabel CSS) adalah fitur yang tersedia secara luas. Kemampuan untuk menentukan properti kustom dengan jenis, nilai default, dan pewarisan menggunakan aturan@property didukung oleh semua browser inti sejak Juli 2024.

Metode Set baru

Set telah menjadi bagian dari JavaScript sejak ES2015, tetapi lebih banyak metode untuk menjalankan operasi matematika pada Set seperti intersection dan union ditambahkan dan didukung oleh semua browser inti tahun ini.

AVIF

AVIF adalah format gambar modern yang umumnya memiliki kompresi yang lebih baik daripada format gambar lainnya seperti WebP, JPEG, PNG, dan GIF. AVIF didukung oleh semua browser inti sejak Januari 2024.

…dan lainnya!

Tentu saja, ada banyak lagi fitur yang menjadi Dasar Pengukuran tahun ini. Anda dapat melihat fitur yang menjadi bagian dari Baseline selama tahun 2024 di sini.

Rangkuman

Saat kami mengumumkan project Dasar Pengukuran pada Mei 2022, project ini hanyalah konsep dan definisi awal Dasar Pengukuran. Postingan ini hanya menyoroti beberapa pekerjaan yang dilakukan untuk mengubah Baseline menjadi sesuatu yang dapat menjadi bagian dari alur kerja setiap developer.

Kami ingin berterima kasih atas kerja keras yang telah dilakukan semua orang untuk project Dasar Pengukuran.

Individu yang berkontribusi pada web-features: Victor Allen, Dietrich Ayala, Daniel Beck, Patrick Brosset, Sondra Eby, Adriana Jara, Mariko Kosaka, Pete LePage, Florian Scholz, James Stuckey Weber, dan queengooborg (Vinyl)

Widget <baseline-status>: Ewa Gasperowicz dan tim Chrome DevRel

Dasbor Status Platform Web: Panos Astithas, Kyle Ju, James Scott, Daniel Smith, dan Jason Xu

Tim Dasar Pengukuran di Google: Aaron Abbarno, Rachel Andrew, Tony Conway, Philip Jägenstedt, Adriana Jara, Mariko Kosaka, Pete LePage, Nandu Nair, Ali Spivak, dan Kadir Topal

Terima kasih khusus kepada: Alexis Deveria di CanIUse, Claas Augner, Hermina Condei, Florian Dieminger, Ruth John, Leo McArdle di MDN, Nic Jansma dan Robin Marx di RUM Archive, kontributor project Interop, Apple, Firefox, Igalia, Microsoft, Open Web Docs, OddBird, dan anggota Grup Komunitas WebDX.