Weekly Platform News: Mozilla's AV1 Encoder, Samsung One UI CSS, DOM Matches Method

Šime regularly shares developer-focused content on webplatform.news. This week's highlights include a Vimeo-Mozilla AV1 encoding partnership, using aria-describedby for improved form accessibility, the DOM's matches method, and Samsung's new One UI CSS library.

Vimeo and Mozilla Collaborate on rav1e AV1 Encoder

Vittorio Giovara: Vimeo is supporting the development of Mozilla's rav1e AV1 encoder. AV1, a royalty-free video codec from the Alliance for Open Media, is poised to replace H.264. Vimeo's involvement underscores the importance of a community-driven, open-source encoder like rav1e for AV1's widespread adoption.

For AV1 to thrive, we need an encoder like x264 – free, open-source, community-built, and universally accessible: that's rav1e. Vimeo believes in Mozilla's vision.

Enhancing Form Accessibility with aria-describedby

Raghavendra Satish Peri: Always associate supplementary instructions for form fields using the aria-describedby attribute. This ensures assistive technologies, particularly those used by keyboard-only users, don't overlook crucial guidance.

<label for="dob">Date of Birth</label>
<p id="dob-instructions">Use DD/MM/YY</p>
<input type="text" id="dob" aria-describedby="dob-instructions">

Samsung Unveils One UI CSS Library

Diego González: Samsung is experimenting with a new CSS library built around its One UI design language. One UI CSS offers styling for common form elements (buttons, menus, sliders), plus additional assets like web fonts, SVG icons, and polyfills.

Streamlining DOM Element Selection with the matches Method

Sam Thorogood: The matches method provides a concise way to check if a DOM element meets specific CSS selector criteria (class, attribute, or ID). It returns true if a match is found.

el.classList.has('foo')  /* can be replaced with */ el.matches('.foo');
el.hasAttribute('hello') /* can be replaced with */ el.matches('[hello]');
el.id === 'bar'          /* can be replaced with */ el.matches('#bar');

The above is the detailed content of Weekly Platform News: Mozilla's AV1 Encoder, Samsung One UI CSS, DOM Matches Method. For more information, please follow other related articles on the PHP Chinese website!