Interop 2024 menghadirkan lebih banyak fitur ke Dasar Pengukuran

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.

Semua browser dengan skor 99.
Dasbor Interop 2024 (per 22 Januari 2025)

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.

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.

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.

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.

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.