Interop Oktober 2023

Rachel Andrew

Kami telah memasuki kuartal terakhir tahun 2023 dengan banyak progres dari semua browser di area fokus Interop 2023. Dalam artikel ini, cari tahu tentang skor Interop 2023 sejauh ini, dan fitur yang kini tersedia karena upaya tahun ini.

Interop 2024 sedang berlangsung! Tim — yang mewakili semua browser dan pihak lain—sedang meninjau daftar pengiriman. Kami akan membagikan apa saja yang disertakan ketika proyek dimulai tahun depan.

Status pada Januari 2023

Pada Januari 2023, kami mengumumkan peluncuran Interop 2023 dan 26 area fokus yang akan ditingkatkan kualitasnya oleh semua mesin sepanjang tahun ini.

Skor Interop keseluruhan untuk browser Eksperimental pada saat peluncuran adalah 62.

Dasbor Interop 2023 (screenshot diambil pada 31 Januari 2023).

Status per Oktober 2023

Keseluruhan skor Interop untuk browser Eksperimental adalah 89. Jika Anda beralih ke tampilan Stabil dan melihat hal-hal yang telah dikirim ke browser stabil, skornya adalah 75. Di balik skor tersebut, terdapat banyak hal yang kini berfungsi di semua mesin utama. Beberapa di antaranya adalah perbaikan interoperabilitas kecil, tetapi juga beberapa fitur utama.

Dasbor Interop 2023 (screenshot diambil pada 30 Oktober 2023).

Mengubah ukuran kueri penampung dan nilai panjang kueri penampung

Pada bulan Februari, kami merayakan kueri container ukuran yang menjadi dapat dioperasikan bersama. Ini adalah fitur yang telah lama diminta bagi developer web, dan menyediakannya di semua mesin dengan begitu cepat adalah kemenangan besar bagi platform web.

Dukungan Browser

• 105
• 105
• 110
• 16

Sumber

Bersama dengan kueri penampung ukuran, hadir unit kueri penampung. Elemen ini digunakan dengan cara yang sama seperti unit area tampilan seperti vw. Perbedaannya adalah unit tersebut terkait dengan penampung, bukan area tampilan.

Dukungan Browser

• 105
• 105
• 110
• 16

Ruang Warna dan fungsi

Pada bulan Mei, ruang warna Lab, LCH, Oklab, dan Oklch didukung secara interoperasi. Notasi fungsional CSS lab(), lch(), oklab(), dan oklch() memberi developer cara untuk menggunakan ruang warna ini. Notasi fungsional color() dan color-mix() juga disertakan.

Dukungan Browser

• 111
• 111
• 113
• 15

Sumber

Anda dapat mempelajari ruang warna dan fungsi baru ini lebih lanjut di Panduan warna CSS definisi tinggi.

Subgrid

Fitur subpetak untuk tata letak petak CSS adalah nilai baru untuk grid-template-columns dan grid-template-rows yang memungkinkan petak bertingkat menggunakan definisi jalur dari petak induk. Ini berarti Anda dapat menjajarkan hal-hal yang disarangkan dalam struktur {i>grid<i} Anda.

Dukungan Browser

• 117
• 117
• 71
• 16

Sumber

Pelajari subgrid lebih lanjut. Untuk menemukan beberapa kompleksitas yang menyulitkan penerapan subgrid, tonton video dari BlinkOn 18 ini.

Atribut inert HTML

Dengan atribut global inert HTML, Anda dapat menandai bagian halaman sebagai tidak aktif. Tindakan ini akan mencegah peristiwa klik dan fokus, serta menyembunyikan elemen dan kontennya dari hierarki aksesibilitas. Misalnya, ini berguna untuk konten yang secara visual berada di luar layar, dan karenanya juga harus tidak aktif untuk pembaca layar.

Dukungan Browser

• 102
• 102
• 112
• 15,5

Sumber

Dan masih ada lagi

Selain fitur utama tersebut, banyak fitur dan perbaikan lainnya telah hadir di browser tahun ini. Ada rilis browser yang disiapkan selama sisa tahun ini, dan kami akan memposting rangkuman lengkap setelah semua skor masuk.