Sekali lagi di tahun 2023, semua vendor browser utama, dan pemangku kepentingan lainnya, bekerja sama untuk menyelesaikan masalah kompatibilitas browser teratas.
Pada tahun 2023, semua vendor browser utama dan pemangku kepentingan lainnya bekerja sama lagi untuk menyelesaikan masalah kompatibilitas browser teratas. Upaya dimulai dalam skala ini dengan Interop 2022, dan Anda dapat mempelajari apa yang telah kami capai bersama di pos akhir tahun. Semua orang yang terlibat yakin ini akan membantu meningkatkan pengalaman bagi pengembang web di mana saja. Tahun ini, untuk pertama kalinya, kami mengumumkan proses proposal secara publik dan mendapatkan banyak saran bagus dari framework, perusahaan besar, vendor browser, dan developer di mana pun.
Area fokus Interop 2023 #
Kali ini, kami memiliki tidak kurang dari 26 area fokus, yang diuraikan secara rinci dalam dokumen proyek kami. Mereka adalah, dalam urutan abjad:
Anda dapat menemukan detail lengkap dari semua area fokus di Web Platform Tests berdasarkan MDN Web Docs, namun berikut adalah beberapa yang menurut kami mungkin membuat Anda sangat bersemangat.
Kueri Penampung #
Kueri kontainer telah menjadi permintaan teratas dari developer selama bertahun-tahun, dan pada tahun 2022 Chrome dan Safari mengirimkannya. Firefox mengharapkan untuk mengirimkan kueri kontainer di Firefox 110, dan pengujian untuk area fokus ini membantu memastikan bahwa kueri kontainer bekerja dengan andal lintas-browser dan sesuai dengan spesifikasi.
:memiliki(…) #
Pengembang sudah lama meminta pemilih induk di CSS. Itu :has() pseudo-class memungkinkan banyak kasus penggunaan untuk pemilih induk, serta memilih elemen saudara sebelumnya sehubungan dengan elemen referensi. Misalnya, ini memungkinkan untuk memberi gaya pada sosok yang memiliki keterangan berbeda dengan yang tidak. Pelajari lebih lanjut tentang kasus penggunaan untuk has() di :has(), pemilih keluarga.
Properti Khusus #
Properti khusus CSS, juga dikenal sebagai variabel CSS, memungkinkan untuk menentukan nilai satu kali dalam lembar gaya dan menggunakannya kembali di banyak tempat, sehingga mengurangi pengulangan. Misalnya, Anda dapat menentukan warna umum atau ukuran font satu kali dalam lembar gaya dan menggunakannya di seluruh komponen. Dukungan dasar untuk properti khusus telah ada di browser sejak lama. Interop 2023 berfokus pada @property aturan. @property mewakili pendaftaran properti khusus dalam lembar gaya, memungkinkan pemeriksaan jenis properti, menyetel nilai default, dan apakah properti harus mewarisi nilai. Pelajari lebih lanjut di @property: memberikan kekuatan super pada variabel CSS.
Penyamaran CSS #
Masking CSS menyediakan metode untuk menerapkan efek gambar, seperti yang mungkin Anda lihat di aplikasi grafik, menggunakan CSS. Dukungan untuk berbagai properti masking bersifat tambal sulam, membuat masking lebih sulit digunakan daripada yang seharusnya. Area fokus ini akan membantu developer untuk percaya diri menggunakan efek kreatif lintas browser. Pelajari lebih lanjut tentang penerapan efek pada gambar dalam artikel tentang penyamaran gambar ini.
OffscreenCanvas #
Itu <canvas> elemen dan Canvas API menyediakan cara skrip untuk menggambar grafik ke layar. Namun, ini dapat menyebabkan masalah kinerja karena pekerjaan diselesaikan di utas yang sama dengan interaksi pengguna. OffscreenCanvas menawarkan pengembang sebuah kanvas yang dipisahkan dari DOM dan Canvas API. Pengembang juga dapat menjalankan tugas rendering di Web Worker, terpisah dari thread utama. Pelajari lebih lanjut tentang manfaat kinerja OffscreenCanvas.
Acara pointer dan mouse #
Peristiwa pointer dipicu saat berinteraksi dengan halaman menggunakan mouse, pena, stylus, atau layar sentuh. Peristiwa mouse dipicu saat menggunakan mouse, tetapi karena alasan historis juga untuk sentuhan. Area fokus ini mencakup perilaku interaksi pointer dan mouse dengan halaman, termasuk bagaimana mereka berinteraksi dengan pengujian hit dan area scrolling. Area fokus untuk 2023 mengecualikan sentuhan dan stylus, karena kurangnya Pengujian Platform Web di area ini.
Kode Web #
WebCodecs API menyediakan metode bagi pengembang untuk mengakses bingkai video individual, dan potongan audio. Ini menawarkan akses ke codec yang sudah tersedia di browser, dan berbagai antarmuka untuk berinteraksi dengannya. Artikel Pemrosesan video dengan WebCodecs menunjukkan cara menggunakan API untuk mendekode dan merender setiap bingkai ke kanvas.
Komponen Web #
Komponen Web adalah istilah umum untuk sejumlah teknologi yang digunakan untuk membuat komponen yang dapat digunakan kembali, seperti Elemen Kustom dan Shadow DOM. Interop 2023 akan berfokus pada peningkatan interoperabilitas teknologi dasar ini.
Dasbor #
Ikuti kemajuan sepanjang tahun di dasbor Interop 2023, tempat Anda dapat melihat skor terkini dan status penanganan area fokus ini di semua mesin browser utama.
Skor Area Fokus dihitung berdasarkan tingkat kelulusan tes. Jika Anda memiliki umpan balik atau ingin memberikan kontribusi peningkatan pada WPT, ajukan masalah untuk meminta pembaruan rangkaian tes yang digunakan untuk penilaian.
Lebih lanjut tentang Interop 2023 #
Pengeluaran hk tercepat hari ini dari web togel Data SGP pools https://leaibarra.com/ hasil keluaran hk terkini tiap hari. Dengan memakai rekapan bagan information hk prize, Pasti mempermudah bettor dalam melihat no pengeluaran SGP hari ini. Di mana tiap hasil pengeluaran hk https://tadalafilfsa.com/ ini terkini tetap kami pembaharuan menjajaki result keluaran hongkong terkini dari hongkongpools.com. Tujuannya sehingga para penggemar judi togel https://palarmstroy.com di Indonesia sanggup dengan mudahnya mengetahui hasil hk hari ini terkini serta terlalu kilat.
![A :nth-child(An+B [of S]?) polyfill berkat CSS :has() dan :not() – Bram.us](https://www.bram.us/wordpress/wp-content/uploads/2022/12/nth-child-of-class_css-bramus-updated.png "A :nth-child(An+B [of S]?) polyfill berkat CSS :has() dan :not() – Bram.us")