Dipublikasikan: 2 Maret 2026
Selamat datang di ringkasan Baseline edisi Januari 2026. Setiap bulan, kami menyoroti fitur platform web yang telah mencapai tonggak pencapaian baru di Dasar Pengukuran, sehingga membantu Anda memahami alat yang siap digunakan dalam proyek Anda saat ini.
Januari adalah awal yang menarik untuk tahun ini, dengan beberapa API dan unit CSS penting yang berpindah ke kategori Baru Tersedia, bersama dengan peningkatan tata letak utama yang menjadi Tersedia Luas.
Fitur yang baru tersedia di Baseline
Fitur web berikut menjadi Tersedia Baru di Baseline pada Januari 2026.
Transisi tampilan aktif
:active-view-transition pseudo-class CSS
kini tersedia di Baseline Baru. Pemilih ini memungkinkan developer menargetkan dan
menata gaya elemen root dokumen secara khusus saat transisi tampilan sedang
berlangsung. Hal ini sangat berguna untuk menerapkan gaya atau penyesuaian global yang hanya boleh ada selama periode transisi, seperti mengubah warna latar belakang overlay transisi atau menyesuaikan indeks z lapisan tertentu untuk memastikan alur visual yang lancar.
Modul JavaScript di pekerja layanan
Pekerja layanan kini mendukung modul JavaScript
di semua mesin browser utama. Dengan menyetel opsi type: 'module' saat memanggil navigator.serviceWorker.register(), Anda dapat menggunakan pernyataan import dan export standar dalam skrip pekerja layanan. Hal ini menyelaraskan pekerja layanan dengan praktik pengembangan JavaScript modern, sehingga memungkinkan organisasi kode yang lebih baik, pengelolaan dependensi yang lebih mudah, dan kemampuan untuk berbagi kode antara thread utama dan pekerja latar belakang.
Navigation API
Navigation API
menyediakan alternatif modern dan khusus untuk History API lama,
yang dirancang khusus untuk kebutuhan aplikasi halaman tunggal (SPA). Ini
menawarkan cara terpusat untuk memulai, mencegat, dan mengelola semua jenis
tindakan navigasi, termasuk yang dipicu oleh tombol kembali dan maju
browser. Dengan peristiwa seperti Maps, developer dapat menerapkan perutean sisi klien yang lebih lancar dengan lebih sedikit kode boilerplate. Untuk mempelajari lebih dalam bagaimana perubahan ini memengaruhi cara kita membangun web, lihat postingan blog khusus kami: Perutean sisi klien modern: Navigation API.
rcap unit CSS
Unit rcap
adalah unit panjang relatif font root yang sama dengan "tinggi huruf kapital" (tinggi nominal
huruf kapital) font elemen root. Hal ini memungkinkan tata letak
tipografi yang presisi dan diskalakan relatif terhadap jenis huruf utama yang digunakan di
situs, bukan hanya ukuran font.
rch unit CSS
Mirip dengan unit ch, tetapi relatif terhadap elemen root, unit
rch
merepresentasikan lebar—atau lebih tepatnya, ukuran maju—glyph "0" (nol)
dalam font elemen root. Ideal untuk membuat tata letak yang bergantung pada lebar karakter, seperti penampung yang harus sesuai dengan jumlah karakter tertentu dalam font root.
rex unit CSS
Unit rex
adalah
versi ex yang relatif terhadap root, sama dengan tinggi x font
elemen root. Satuan ini sangat berguna untuk perataan vertikal dan pengubahan ukuran
elemen relatif terhadap tinggi huruf kecil dalam tipografi utama dokumen Anda.
ric unit CSS
Satuan ric adalah
padanan relatif root untuk satuan ic. Nilai ini sama dengan ukuran maju "ideografik"
(biasanya lebar atau tinggi ideograf CJK) font elemen
root. Ini adalah alat penting bagi developer yang membuat tata letak yang diinternasionalisasi, terutama yang menggunakan skrip China, Jepang, atau Korea.
Fitur Dasar yang tersedia secara luas
Fitur web berikut menjadi Tersedia Luas Baseline pada Januari 2026.
Properti CSS display dua nilai
Sintaksis
multi-kata kunci untuk properti display
kini tersedia secara luas di Baseline. Pembaruan ini memungkinkan Anda menentukan secara eksplisit
jenis tampilan "luar" dan "dalam" sebuah kotak. Misalnya, Anda dapat menggunakan display: inline flex, bukan
inline-flex yang sudah dikombinasikan. Hal ini memperjelas apakah elemen berpartisipasi dalam aliran blok atau inline (jenis luar) dan bagaimana tata letak turunannya (jenis dalam, seperti flex atau grid). Perubahan ini membuat mesin tata letak CSS lebih logis dan konsisten bagi developer.
Properti CSS animation-composition
Properti animation-composition
menentukan cara beberapa animasi berinteraksi saat memengaruhi properti yang sama
secara bersamaan. Anda dapat memilih antara replace, add, atau
accumulate, sehingga Anda dapat mengontrol secara tepat cara penghitungan animasi berlapis yang kompleks.
Array menurut salinan
JavaScript kini menyertakan
metode yang memungkinkan Anda mentransformasi array
tanpa mengubah data asli. Metode seperti toReversed(), toSorted(), dan toSpliced() menampilkan salinan array baru yang telah diubah, sehingga meningkatkan gaya pemrograman yang lebih fungsional dan aman.
Bantu kami menjadi lebih baik
Seperti biasa, beri tahu kami jika ada hal terkait Baseline yang terlewat, dan kami akan memastikan hal tersebut tercantum dalam edisi mendatang. Jika ada pertanyaan atau ingin memberikan masukan tentang Baseline, Anda dapat melaporkan masalah di issue tracker kami.