Temukan hanya beberapa fitur yang telah dapat dioperasikan selama tahun 2022.
Kita telah mencapai akhir tahun yang akan datang, dan sekarang saatnya melihat peningkatan yang dilakukan oleh browser seiring kita bekerja sama untuk meningkatkan interoperabilitas platform web. Anda dapat melihat bagaimana berbagai hal dimulai dalam postingan kami pada bulan Maret tahun ini, saat inisiatif tersebut diluncurkan.
Skor keseluruhan di akhir tahun menunjukkan peningkatan besar di semua mesin.
Dalam postingan ini, pelajari progres yang dicapai selama tahun 2022. Selain fitur judul ini, ada banyak peningkatan kecil yang dibuat oleh semua mesin telusur. Masalah kecil yang bisa menyebabkan inkonsistensi antara mesin dan membuat Anda terjebak selama pengembangan, telah diperbaiki. Melihat fitur besar yang tersedia di lintas browser memang menyenangkan, tetapi terkadang hal kecillah yang menyebabkan paling banyak masalah, dan sebaiknya lihat seberapa banyak yang telah ditingkatkan.
Lapisan bertingkat
Lapisan Cascade memungkinkan Anda mengelola kaskade dengan mengelompokkan pemilih ke dalam lapisan. Ini adalah fitur yang hanya berguna jika didukung di mana saja. Semua mesin utama kini mendukung lapisan bertingkat, dan skor di semua browser mencerminkan seberapa dapat dioperasikan fitur tersebut, hanya dengan beberapa pengujian tersisa untuk Firefox.
Elemen dialog
Elemen dialog memungkinkan pembuatan dialog modal dan non-modal. Ini adalah pola umum di web, dan menggunakan elemen ini memberi Anda kegunaan dan aksesibilitas yang seharusnya harus dikembangkan dan diuji saat membuat komponen Anda sendiri. Dalam artikel Membangun komponen dialog, Adam Argyle menjelaskan cara membangun elemen ini di atas elemen ini untuk membuat berbagai jenis dialog.
Subgrid
Pada awal tahun 2022, satu-satunya browser yang mendukung nilai subgrid untuk grid-template-rows dan grid-template-columns adalah Firefox. Selama tahun 2022, Safari telah memberikan dukungan, dan fitur tersebut sedang dikembangkan di Chrome. Proyek ini akan melewati batas waktu interoperabilitas akhir tahun, tetapi masih dalam proses.
Unit area pandang
Unit area pandang adalah satu-satunya fitur yang telah mencapai 100% pengujian yang lulus di semua mesin. Hal ini mencakup konsep area pandang kecil dan besar, yang memperhitungkan perubahan ukuran area pandang di seluler saat elemen UI perangkat muncul dan menghilang. Anda dapat mengetahui lebih lanjut tentang unit ini di postingan unit area pandang besar, kecil, dan dinamis.
Dukungan Browser
- 108
- 108
- 101
- 15,4
Warna 4
Kumpulan pekerjaan warna ini memungkinkan CSS untuk tidak hanya menentukan warna dalam gamut definisi yang lebih tinggi (misalnya, display p3, rec2020), tetapi juga menyediakan fungsi warna baru yang masing-masing memiliki utilitas unik untuk bekerja dengan warna. Ruang warna baru adalah lch(), oklch(), lab(), oklab(), display-p3, rec2020, a98-rgb, prophoto-rgb, xyz, xyz-d50, xzy-d65: cobalah di Canary hari ini dengan tanda ini diaktifkan. Perubahan ini juga berlaku untuk gradien, memungkinkan penulis menentukan ruang warna mana yang digunakan gradien mereka. Tanda yang sama juga mengaktifkan dukungan color-mix(), memungkinkan Anda mencampur dua warna di ruang pilihan Anda. Fungsi color-mix() juga berada di belakang flag di Safari dan Firefox. Lebih banyak warna, warna yang lebih baik, gradien yang lebih baik, dan alat yang lebih baik.
Interop 2023
Semoga Anda senang mengetahui bahwa kami tidak akan berhenti pada akhir tahun 2022, dan Interop 2023 sudah melewati tahap perencanaan awal. Di Tahun Baru, kami dapat mengumumkan fitur yang telah dipilih, dan berharap dapat mempermudah pengembangan web di tahun berikutnya.
Banner besar oleh Ian Schneider.