Berita Platform Mingguan: Pengekod AV1 Mozilla, Samsung One UI CSS, Kaedah Perlawanan Dom

Šime kerap berkongsi kandungan pemaju yang berfokus pada WebPlatform.news. Sorotan minggu ini termasuk perkongsian pengekodan Vimeo-Mozilla AV1, menggunakan aria-describedby untuk kebolehcapaian bentuk yang lebih baik, kaedah matches DOM, dan perpustakaan UI CSS baru Samsung.

Vimeo dan Mozilla bekerjasama dalam pengekod rav1e av1

Vittorio Giovara: Vimeo menyokong pembangunan pengekod Mozilla rav1e AV1. AV1, codec video bebas royalti dari Perikatan untuk Media Terbuka, bersedia untuk menggantikan H.264. Penglibatan Vimeo menggariskan kepentingan pengekod sumber terbuka masyarakat seperti rav1e untuk penggunaan AV1 yang meluas.

Bagi AV1 untuk berkembang maju, kita memerlukan pengekod seperti x264-percuma, sumber terbuka, dibina komuniti, dan boleh diakses secara universal: itu rav1e . Vimeo percaya pada visi Mozilla.

Meningkatkan kebolehcapaian borang dengan aria-describedby

Raghavendra Satish Peri: Sentiasa mengaitkan arahan tambahan untuk medan borang menggunakan atribut aria-describedby . Ini memastikan teknologi bantuan, terutamanya yang digunakan oleh pengguna papan kekunci sahaja, jangan terlepas pandang panduan penting.

 <label for="dob">Tarikh lahir</label>
<p id="dob-instructions">Gunakan DD/mm/yy</p>
<input type="text" id="dob" aria-describedby="dob-instructions">

Samsung memperkenalkan satu perpustakaan CSS UI

Diego González: Samsung bereksperimen dengan perpustakaan CSS baru yang dibina di sekitar bahasa reka bentuk UI. Satu CSS UI menawarkan gaya untuk elemen bentuk biasa (butang, menu, slider), serta aset tambahan seperti fon web, ikon SVG, dan polyfills.

Menyelaraskan pemilihan elemen dom dengan kaedah perlawanan

Sam Thorogood: Kaedah matches menyediakan cara ringkas untuk memeriksa sama ada elemen DOM memenuhi kriteria pemilih CSS tertentu (kelas, atribut, atau ID). Ia kembali true jika perlawanan dijumpai.

 el.classlist.has ('foo') / * boleh digantikan dengan * / el.matches ('. foo');
el.hasattribute ('hello') / * boleh digantikan dengan * / el.matches ('[hello]');
el.id === 'bar' / * boleh digantikan dengan * / el.matches ('#bar');

Atas ialah kandungan terperinci Berita Platform Mingguan: Pengekod AV1 Mozilla, Samsung One UI CSS, Kaedah Perlawanan Dom. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!