Dipublikasikan: 31 Maret 2025
Satu bulan lagi telah berlalu dan sejak ringkasan bulanan Dasar Pengukuran terakhir, banyak hal yang telah terjadi. Dalam edisi ini, kami akan merangkum beberapa postingan yang telah kami publikasikan di web.dev, beberapa fitur Dasar Pengukuran yang baru tersedia yang telah diluncurkan, dan beberapa pembaruan pada alat di komunitas.
ESLint 0.6.0 telah dirilis
Baru-baru ini, kami memposting tentang ESLint yang meluncurkan dukungan untuk linting CSS. Bagian dari peluncuran ini mencakup aturan ESLint baru—require-baseline—untuk melakukan lint pada fitur CSS yang Anda gunakan dalam project, dan apakah fitur tersebut mencapai nilai minimum Dasar Pengukuran tertentu.
Baru-baru ini, ESLint meluncurkan paket @eslint/css versi 0.6.0, yang menyertakan update baru penting yang mengganti nama aturan require-baseline menjadi use-baseline. Meskipun update ini tampaknya kecil, update ini meningkatkan keterbacaan aturan. Ada juga beberapa fitur penting dan perbaikan bug lainnya dalam rilis ini, seperti kemampuan tambahan aturan use-baseline untuk melakukan lint pada blok CSS bertingkat. Jika Anda menggunakan @eslint/css versi sebelumnya, lihat update ini.
Cara membuat kueri Dasbor Platform Web
Awal bulan ini, kami memublikasikan postingan tentang membuat kueri Dasbor Platform Web. Dasbor ini dapat dikueri di frontend-nya, serta melalui HTTP API. Hal ini berpotensi berguna untuk alat Dasar Pengukuran, karena Anda dapat mengkueri API untuk menemukan fitur yang telah mencapai nilai minimum Dasar Pengukuran tertentu.
API ini dapat berguna untuk alat yang Anda perlukan untuk mendapatkan informasi tentang fitur tertentu dengan cepat. Misalnya, Anda dapat menggunakan jenis alat ini untuk menulis skrip yang memberi tahu Anda pada beberapa interval fitur mana yang baru-baru ini menjadi Dasar Pengukuran Baru tersedia atau Tersedia secara luas. Jika hal ini terdengar berguna bagi Anda, baca postingan tersebut.
Cara mempertimbangkan Dasar Pengukuran dan polyfill
Misi Baseline adalah memberikan kejelasan tentang fitur yang dapat Anda gunakan dengan aman—tetapi meskipun dengan kejelasan tambahan tersebut, Anda masih harus memikirkan cara mengadopsi fitur dengan cara yang sesuai untuk aplikasi web Anda. Polyfill adalah bagian besar dari proses tersebut. Dasar pengukuran tidak mempertimbangkan polyfill dalam menentukan apakah fitur baru atau tersedia secara luas, dan tidak mencoba memberi tahu Anda apakah harus menggunakannya. Keputusan tersebut khusus untuk aplikasi Anda, tetapi merupakan pertimbangan yang penting.
Baru-baru ini, kami memublikasikan postingan tentang cara memahami Dasar Pengukuran dan polyfill, dan kami pikir postingan tersebut memberikan framework yang bermanfaat untuk cara memahami penggunaannya. Harapannya adalah dengan fitur yang menjadi Dasar Pengukuran Baru atau Tersedia secara Luas, polyfill menjadi kurang diperlukan. Tidak diragukan lagi bahwa polyfill adalah alat yang berguna di toolbox pengembangan Anda, tetapi polyfill memiliki kelemahan—polyfill dapat berdampak negatif pada performa situs Anda, dan dalam beberapa kasus, bahkan dapat menimbulkan masalah aksesibilitas. Semoga panduan ini membantu Anda menjawab pertanyaan yang sulit ini.
contenteditable="plaintext-only" kini tersedia di Baseline
Atribut contenteditable pada elemen HTML memungkinkan pengguna mengubah kontennya seolah-olah itu adalah kolom teks. Artinya, misalnya, Anda dapat menempatkan atribut pada elemen <p> dan pengguna dapat berinteraksi dengannya seperti <textarea>. Dalam beberapa kasus penggunaan, penggunaan contenteditable menawarkan keunggulan dibandingkan elemen formulir standar.
Namun, pengguna menempelkan sesuatu ke elemen yang dapat diedit, dan hal yang mereka tempelkan dapat berisi pemformatan teks kaya, yang dapat memberikan pengalaman yang menjengkelkan bagi pengguna yang hanya ingin menempelkan teks tanpa format ke kolom. Kombinasi atribut/nilai contenteditable="plaintext-only" mencegah hal ini terjadi, dan baru-baru ini menjadi Dasar Pengukuran yang Baru tersedia. Untuk mengetahui informasi selengkapnya, baca postingan pengumuman, dan pelajari cara memberikan pengalaman pengeditan yang lebih baik bagi pengguna yang hanya ingin menempelkan teks ke dalam berbagai hal tanpa banyak hal yang tidak perlu.
Intl.DurationFormat kini tersedia di Baseline
Anda mungkin pernah membuka situs dan melihat sedikit teks yang menyampaikan durasi waktu hingga, atau setelah beberapa peristiwa, sering kali dalam string seperti "2 hari, 6 jam, 3 menit". Data ini berguna untuk menyampaikan sejumlah hal yang tepat waktu, tetapi sering kali disediakan oleh library. Selain itu, Anda mungkin ingin menampilkan informasi ini dalam beberapa bahasa.
Masukkan Intl.DurationFormat, fitur internasionalisasi yang baru-baru ini menjadi Dasar Pengukuran Baru tersedia. Dengan class Intl.DurationFormat, Anda dapat meneruskan objek ke konstruktornya yang berisi satuan waktu yang ingin diformat menjadi string, dan dalam hampir semua bahasa yang dapat Anda pikirkan:
const duration = {
years: 1,
hours: 20,
minutes: 15,
seconds: 35
};
// English output: '1 year, 20 hours, 15 minutes, 35 seconds'
new Intl.DurationFormat('en', { style: 'long' }).format(duration);
// German output: '1 Jahr, 20 Stunden, 15 Minuten und 35 Sekunden'
new Intl.DurationFormat('de', { style: 'long' }).format(duration);
// Spanish output: '1 año, 20 horas, 15 minutos y 35 segundos'
new Intl.DurationFormat('es', { style: 'long' }).format(duration);
Bagian yang menarik dari hal ini adalah jika aplikasi Anda mengandalkan library untuk memformat string seperti ini, Anda akan segera dapat melakukannya tanpa library, sehingga menghemat kilobyte untuk pengguna. Untuk mengetahui informasi selengkapnya, baca postingan pengumuman tentang Intl.DurationFormat, dan pelajari cara memanfaatkan fitur baru yang praktis ini.
Dasar pengukuran di W3C Breakouts Day 2025
Baru-baru ini, W3C mengadakan Breakout Day edisi 2025, tempat anggota mempresentasikan berbagai topik, dan sesi yang bermanfaat tentang Dasar Pengukuran ditawarkan pada 26 Maret.
Jika Anda baru menggunakan Dasar Pengukuran, sesi ini akan memberikan ringkasan singkat. Panduan ini membahas dasar-dasar Dasar Pengukuran seperti konsep Baru dan Tersedia secara luas, tetapi juga membahas cara definisi tersebut ditentukan oleh data, mulai dari browser-compat-data, hingga data web-features yang membantu kita mengetahui fitur mana yang berada pada nilai minimum Dasar Pengukuran.
Jika Anda melewatkan sesi ini, jangan khawatir. Slide dari sesi tersebut sudah tersedia, jadi lihat slide tersebut jika Anda penasaran.
Selesai!
Edisi ringkasan bulanan ini tidak hanya menandai akhir bulan, tetapi juga akhir kuartal. Jika Anda melewatkan versi sebelumnya dari ringkasan ini, lihat edisi Januari dan Februari untuk mengetahui semua yang terjadi dengan Baseline pada kuartal pertama tahun ini. Seperti biasa, beri tahu kami jika kami melewatkan sesuatu yang terkait dengan Dasar Pengukuran, dan kami akan memastikannya ditampilkan di edisi mendatang. Sampai jumpa sebulan lagi.