Menu

W3C News

When is it “Right” to Reach for contain and will-change in CSS?

November 26th, 2021

I’ve got some blind spots in CSS-related performance things. One example is the will-change property. It’s a good name. You’re telling the browser some particular property (or the scroll-position or content) uh, will, change: .el { will-change: opacity; } .el.additional-hard-to-know-state { opacity: 0; } But is that important to do? I don’t know. The point,…

Which SVG technique performs best for way too many icons?

November 23rd, 2021

Tyler Sticka digs in here in the best possible way: by making a test page and literally measuring performance. Maybe 1,000 icons is a little bit of an edge case, but hey, 250 rows of data with four icons in each gets you there. Tyler covers the nuances carefully in the post. The different techniques…

The [New] State of CSS in Angular

November 16th, 2021

It’s been a few years since we last covered CSS on this blog — and a lot has happened since then! In this post, we’ll take a look at new web features that impact how we define styling in our Angular applications. Using @use instead of @import In 2019, Sass introduced a new module system, including a migration from…

Job: Automotive and Transportation Champion (USA, China, Japan)

November 15th, 2021

We are excited to announce an open position (possibly part-time) : Automotive & Transportation Champion, based in the USA or China, or Japan. This is an opportunity for a global leader to drive the overall strategy of applying open web standards to the automotive & transportation ecosystem. The Champion is a thought leader who has…

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…