Wöchentliche Plattformnachrichten: Mozillas AV1 -Encoder Samsung One UI CSS, DOM Matches -Methode

Šime teilt regelmäßig Entwicklerinhalte auf WebPlatform.news. Zu den Highlights dieser Woche gehören eine Vimeo-Mozilla AV1-Codierungspartnerschaft, aria-describedby Form für eine verbesserte Zugänglichkeit, die DOM- matches und die neue UI-CSS-Bibliothek von Samsung von Samsung verwendet.

Vimeo und Mozilla arbeiten am Rav1e AV1 -Encoder zusammen

Vittorio Giovara: Vimeo unterstützt die Entwicklung von Mozillas rav1e AV1 -Encoder. AV1, ein lizenzfreier Video-Codec aus der Allianz für offene Medien, ist bereit, H.264 zu ersetzen. Die Beteiligung von Vimeo unterstreicht die Bedeutung eines Community-gesteuerten Open-Source-Encoders wie rav1e für die weit verbreitete Adoption von AV1.

Damit AV1 gedeihen kann, brauchen wir einen Encoder wie X264-kostenlos, Open-Source, Community gebaut und allgemein zugänglich: das ist rav1e . Vimeo glaubt an Mozillas Vision.

Verbesserung der Zugänglichkeit mit Aria-beschriebenen Form

RAGHAVENDRA Satish Peri: Verbinden Sie immer ergänzende Anweisungen für Formfelder mit dem aria-describedby Attribut. Dies stellt sicher, dass assistive Technologien, insbesondere diejenigen, die nur von Nutzern von Tastaturen verwendet werden, keine entscheidende Anleitung übersehen.

 <label for="dob">Geburtsdatum</label>
<p id="dob-instructions">Verwenden Sie DD/MM/YY</p>
<input type="text" id="dob" aria-describedby="dob-instructions">

Samsung enthüllt eine UI CSS -Bibliothek

Diego González: Samsung experimentiert mit einer neuen CSS -Bibliothek, die sich um seine One UI -Designsprache baut. One UI CSS bietet Styling für gemeinsame Formelemente (Schaltflächen, Menüs, Schieberegler) sowie zusätzliche Assets wie Web -Schriftarten, SVG -Symbole und Polyfills.

Optiminierung der DOM -Elemente -Auswahl mit der Übereinstimmungsmethode

Sam Thorogood: Die matches bietet eine präzise Möglichkeit, zu überprüfen, ob ein DOM -Element bestimmte CSS -Selektorkriterien (Klasse, Attribut oder ID) erfüllt. Es gibt true zurück, wenn ein Match gefunden wird.

 el.classlist.has ('foo') / * kann durch * / el.matches ('. foo') ersetzt werden;
El.HasAttribute ('Hallo') / * kann durch * / el.matches ('[Hallo]') ersetzt werden;
el.id === 'bar' / * kann durch * / el.Matches ('#bar') ersetzt werden;

Das obige ist der detaillierte Inhalt vonWöchentliche Plattformnachrichten: Mozillas AV1 -Encoder Samsung One UI CSS, DOM Matches -Methode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!