Pencapaian Fitur Platform Web Awal 2026
Dipublikasikan pada 2 Maret 2026, rangkuman Baseline edisi Januari 2026 menyoroti berbagai fitur platform web yang mencapai tonggak pencapaian baru guna membantu pengembang memahami alat yang siap digunakan dalam proyek. Awal tahun 2026 menghadirkan sejumlah antarmuka pemrograman aplikasi serta unit CSS yang beralih ke kategori Newly available, disertai peningkatan tata letak utama yang resmi berstatus Widely available.
Fitur Baru Berstatus Baseline Newly Available
Fitur web yang menjadi Baseline Newly available pada Januari 2026 mencakup CSS pseudo-class :active-view-transition. Selektor ini memungkinkan pengembang menargetkan dan menata gaya elemen root dokumen secara khusus ketika transisi tampilan sedang berlangsung. Kemampuan ini berguna untuk menerapkan penataan gaya global atau penyesuaian yang hanya diperlukan selama periode transisi, misalnya mengubah warna latar belakang lapisan overlay transisi atau menyesuaikan z-index lapisan tertentu demi memastikan kelancaran alur visual.
Dukungan modul JavaScript pada service worker kini telah hadir di semua mesin peramban utama. Dengan menetapkan opsi type: 'module' saat memanggil navigator.serviceWorker.register(), pengembang dapat memanfaatkan pernyataan standar import dan export di dalam skrip service worker. Pembaruan ini menyelaraskan service worker dengan praktik pengembangan JavaScript modern, mendukung pengorganisasian kode yang lebih baik, mempermudah pengelolaan dependensi, serta menyediakan sarana berbagi kode antara thread utama dan background worker.
Navigation API hadir sebagai alternatif modern yang dirancang khusus untuk menggantikan History API lama, disesuaikan dengan kebutuhan single-page applications atau SPA. Antarmuka ini menyediakan mekanisme terpusat untuk memulai, mencegat, dan mengelola seluruh tindakan navigasi, termasuk navigasi yang dipicu tombol mundur dan maju pada peramban web. Melalui peristiwa seperti Maps, pengembang dapat menerapkan perutean sisi klien yang lebih mulus dengan kode boilerplate yang lebih ringkas. Terkait penjelasan lebih mendalam, sumber mengarahkan pembaca ke artikel blog bertajuk Modern client-side routing: the Navigation API.
Ragam Unit Relatif Root Font Baru
Unit rcap merupakan unit panjang relatif terhadap font root yang nilainya setara dengan cap height atau tinggi nominal huruf kapital pada font elemen root. Unit ini memungkinkan perancangan tata letak tipografi presisi yang skalanya mengikuti rupa huruf utama situs web, bukan hanya bertumpu pada ukuran font.
Mirip dengan unit ch namun relatif terhadap elemen root, unit rch mewakili lebar atau advance measure dari glif angka nol ("0") pada font elemen root. Satuan ukuran ini dirancang untuk pembuatan tata letak yang bergantung pada lebar karakter, seperti kontainer yang disesuaikan secara presisi untuk menampung jumlah karakter tertentu dalam font elemen root.
Unit rex merupakan varian root-relative dari unit ex yang setara dengan x-height font elemen root dokumen. Unit ini berguna untuk penyelarasan vertikal serta penentuan ukuran elemen terhadap tinggi huruf kecil tipografi utama dokumen. Sementara itu, unit ric merupakan padanan root-relative dari ic yang setara dengan advance measure ideografis—biasanya lebar atau tinggi ideograf CJK—pada font elemen root, menjadi sarana penting bagi pengembang dalam membangun tata letak internasional, khususnya naskah Tionghoa, Jepang, atau Korea.
Pembaruan Kategori Baseline Widely Available
Untuk kategori Baseline Widely available per Januari 2026, sintaks multi-keyword pada properti display kini telah tersedia luas. Pembaruan tersebut memungkinkan pengembang mendefinisikan tipe display outer dan inner pada suatu kotak secara eksplisit. Sebagai contoh, pengembang dapat menggunakan sintaks display: inline flex alih-alih bentuk precomposed inline-flex. Pendekatan ini memperjelas posisi elemen dalam alur block atau inline sebagai tipe outer, serta bagaimana elemen anak diatur melalui tipe inner seperti flex atau grid, menjadikan mesin tata letak CSS lebih logis dan konsisten.
Properti animation-composition menentukan cara beberapa animasi berinteraksi ketika memengaruhi properti yang sama secara bersamaan. Pengembang dapat menetapkan pilihan antara replace, add, atau accumulate untuk mengendalikan kalkulasi animasi berlapis yang rumit. Selain itu, JavaScript menyertakan metode transformasi array tanpa memutasi data asli, seperti toReversed(), toSorted(), dan toSpliced(), yang mengembalikan salinan baru hasil modifikasi sekaligus mendukung gaya pemrograman yang lebih fungsional serta lebih aman.
Tim pengelola Baseline saat publikasi mengundang pengguna memberi tahu apabila terdapat hal terkait Baseline yang terlewat agar dapat dimasukkan pada edisi mendatang. Pengguna yang memiliki pertanyaan atau bermaksud memberikan masukan mengenai platform Baseline diarahkan untuk membuat laporan melalui pelacak masalah resmi mereka.
Diadaptasi dan diterjemahkan ke Bahasa Indonesia dari January 2026 Baseline monthly digest, karya Jeremy Wagner (web.dev / Google), diterbitkan pada 2026-03-02, berlisensi CC BY 4.0. Adaptasi prosa ini menggunakan lisensi yang sama.