Menu

W3C News

Authorized Translation of WCAG 2.1 in Arabic

November 11th, 2021

The World Wide Web Consortium published the Authorized Arabic Translation of Web Content Accessibility Guidelines (WCAG) 2.1, مبادئ النفاذ إلى محتوى الويب (WCAG2.1). The Lead Translation Organization for this Authorized Translation was the Mada Center, Qatar. Translations in other languages are listed in WCAG 2 Translations. W3C Web Accessibility Initiative (WAI) particularly encourages the development…

Last Call for Review of Proposed Corrections: Verifiable Credentials Data Model v1.1 Recommendation

November 9th, 2021

The Verifiable Credentials Working Group has proposed corrections to the W3C Recommendation of Verifiable Credentials Data Model v1.1. Credentials is a part of our daily lives; driver’s licenses are used to assert that we are capable of operating a motor vehicle, university degrees can be used to assert our level of education, and government-issued passports…

First Public Working Draft: IMSC Hypothetical Render Model

November 9th, 2021

The Timed Text Working Group has published a First Public Working Draft of IMSC Hypothetical Render Model. This specification specifies an Hypothetical Render Model (HRM) that measures the complexity of caption and subtitle documents that conform to the IMSC Recommendation, so that they do not overload players. For more information, see the blog post Keeping…

How to Make Sure Browsers Only Download the SVG Version

November 5th, 2021

Šime Vidas DM’d me the other day about this thread from subzey on Twitter. My HTML for favicons was like this: <!– Warning! Typo! –> <link rel=”icon” href=”/favicon.ico” size=”any”> <link rel=”icon” href=”/favicon.svg” type=”image/svg+xml”> The attribute size is a typo there, and should be sizes. Like this: <!– Correct –> <link rel=”icon” href=”/favicon.ico” sizes=”any”> <link rel=”icon”…

Working Group Note: EPUB 3 Structural Semantics Vocabulary 1.1

November 4th, 2021

The EPUB 3 Working Group has just published the Working Group Note of EPUB 3 Structural Semantics Vocabulary 1.1. This vocabulary, a part of EPUB 3, defines a set of properties relating to the description of structural semantics of written works. Structural semantics add additional meaning about the specific structural purpose an HTML (or SVG)…

CSS-ing Candy Ghost Buttons

October 31st, 2021

Recently, while looking for some ideas on what to code as I have zero artistic sense so the only thing I can do is find pretty things that other people have come up with and remake them with clean and compact code… I came across these candy ghost buttons! They seemed like the perfect choice…

Vite + _____

October 28th, 2021

Vite, “Next Generation Frontend Tooling” from Evan You, has been capturing a lot of attention. I’ve heard rave reviews from developers, even in private chats (you gotta try this!). Being from Evan, Vite works great with Vue, but Vue doesn’t seem to be the only first-class citizen of Vite. The plugins support Vue and React…

Speakers announced for the W3C/SMPTE Workshop on Professional Media Production on the Web

October 26th, 2021

W3C announced today the speakers of the W3C/SMPTE Workshop on Professional Media Production on the Web. The presentations are online, so they can be watched in your own time. Each talk has full closed-captions, and a transcript is also available. Workshop participants are encouraged to discuss ideas, needs, and issues raised in the talks through…

Exploring the CSS Paint API: Rounding Shapes

October 22nd, 2021

Adding borders to complex shapes is a pain, but rounding the corner of complex shapes is a nightmare! Luckily, the CSS Paint API is here to the rescue!. Exploring the CSS Paint API series: Part 1: Image Fragmentation Effect Part 2: Blob Animation Part 3: Polygon Border Part 4: Rounding Shapes (you are here!) Here’s…

@supports selector()

October 19th, 2021

I didn’t realize the support for @supports determining selector support was so good! I usually think of @supports as a way to test for property: value pair support. But with the selector() function, we can test for selector support as well. It looks like this: @supports selector(:nth-child(1 of .foo)) { } You just drop the…