Dipublikasikan: 22 Januari 2025
Seiring berakhirnya Interop 2024, postingan ini akan melihat kembali tahun paling sukses untuk project ini. Kami mengakhirinya dengan semua browser eksperimental yang melaporkan skor 99, dengan versi stabil yang tidak jauh berbeda. Keberhasilan ini berarti bahwa sejumlah fitur kini tersedia di Dasar Pengukuran Baru.

Fitur lainnya untuk Dasar Pengukuran
Agar dapat tersedia di Dasar Pengukuran Baru, fitur harus dapat dioperasikan secara bersama. Oleh karena itu, tidak mengherankan jika Interop 2024 membantu sejumlah fitur di atas garis tersebut dan ke Baseline 2024.
Properti kustom terdaftar
Aturan @property
dan metode statis CSS.registerProperty()
menjadi Dasar Pengukuran
Baru tersedia pada Juli 2024.
@property
di MDN- Entri
@property
di Dasbor Platform Web @property
: Variabel CSS generasi berikutnya kini dengan dukungan browser universal
Properti font-size-adjust
Properti CSS font-size-adjust
mempertahankan ukuran teks yang terlihat, terlepas dari font yang digunakan, dengan menskalakan font ke ukuran yang sama sehubungan dengan metrik tertentu, seperti tinggi x. Hal ini dapat membantu membuat font pengganti terlihat sama ukurannya.
Fitur ini menjadi Dasar Pengukuran Baru yang tersedia pada Juli 2024.
font-size-adjust
di MDN- Entri
font-size-adjust
di Dasbor Platform Web - CSS
font-size-adjust
kini ada di Dasar Pengukuran
Metode requestVideoFrameCallback()
untuk <video>
Metode requestVideoFrameCallback()
untuk <video>
menjadwalkan fungsi yang
berjalan dengan frame video berikutnya. Ini mirip dengan requestAnimationFrame()
, tetapi
untuk video, dan menjadi Baru tersedia pada Oktober 2024.
requestVideoFrameCallback()
di MDN- Entri
requestVideoFrameCallback()
di Dasbor Platform Web - Melakukan operasi per frame video yang efisien pada video dengan
requestVideoFrameCallback()
Gaya visual scrollbar dengan scrollbar-width
dan scrollbar-gutter
Properti CSS scrollbar-width
menetapkan lebar scrollbar, dan
scrollbar-gutter
mencadangkan ruang untuk scrollbar, sehingga mencegah perubahan
tata letak yang tidak diinginkan saat scrollbar muncul dan menghilang. Fitur ini menjadi Dasar Pengukuran yang baru
tersedia pada Desember 2024.
Properti transition-behavior
Deklarasi CSS transition-behavior: allow-discrete
memungkinkan transisi untuk
properti yang perilaku animasinya bersifat diskret. Properti tersebut tidak dapat
di-interpola dan beralih dari nilai awal ke nilai akhir sebesar 50%. Properti ini
menjadi Dasar Pengukuran Baru yang tersedia pada Agustus 2024.
transition-behavior
di MDN- Entri
transition-behavior
di Dasbor Platform Web - Kini di Dasar Pengukuran: menganimasikan efek entri
text-wrap: balance
Properti CSS text-wrap
menetapkan cara baris dipecah dalam teks yang melebihi
penampung. Ini adalah singkatan untuk text-wrap-style
dan text-wrap-mode
. Nilai
balance
memungkinkan Anda membuat judul yang seimbang dan potongan teks
pendek lainnya. Properti text-wrap
menjadi Dasar Pengukuran yang Baru tersedia pada Maret 2024.
Popover
Popover memungkinkan Anda membuat overlay secara deklaratif menggunakan HTML, atau dengan
metode showPopover()
. Fitur ini hampir mencapai Dasar Pengukuran Baru tersedia, dan
sebenarnya kami awalnya mengira sudah, tetapi masalah pada penerapan
Safari berarti fitur ini tidak cukup mencapai Baru tersedia pada tahun 2024. Kabar baik
adalah masalah ini telah diperbaiki di Safari Beta 18.3 saat ini, sehingga kami akan segera
dapat mengumumkan Popover dengan benar sebagai Dasar Pengukuran yang Baru tersedia.
Perbaikan pada fitur Dasar Pengukuran
Ada fitur yang disertakan dalam Interop 2024 yang sudah diklasifikasikan sebagai Baseline Baru tersedia, pekerjaannya adalah memperbaiki beberapa perbedaan kecil dalam penerapan. Hal ini mungkin hanya dialami oleh sedikit orang, tetapi hal-hal kecil dapat membuat perbedaan besar jika Anda mengalaminya.
Penyusunan bertingkat CSS
Penyusunan bertingkat CSS memungkinkan pemilih yang lebih pendek, pembacaan yang lebih mudah, dan modularitas yang lebih tinggi dengan menyusun aturan di dalam aturan lainnya. Fitur ini menjadi Dasar Pengukuran yang Baru tersedia pada Desember 2023, dan disertakan dalam Interop 2024 untuk memperbaiki beberapa masalah interop yang belum terselesaikan.
Shadow DOM Deklaratif
Atribut shadowrootmode
di <template>
membuat root bayangan tanpa
menggunakan JavaScript. Ini adalah alternatif deklaratif untuk metode `attachShadow()
.
Interop 2025 akan segera hadir
Proposal tersebut sedang diselesaikan untuk Interop 2025, dan kami sangat senang dapat membangun semua kesuksesan kami tahun ini. Nantikan pengumumannya pada bulan Februari untuk mengetahui apa saja yang disertakan. Untuk mengikuti hal-hal yang muncul di Baseline, lihat rangkaian artikel Fitur baru yang tersedia di Baseline di web.dev.