W3C News

A Super Flexible CSS Carousel, Enhanced With JavaScript Navigation

March 5th, 2021

Not sure about you, but I often wonder how to build a carousel component in such a way that you can easily dump a bunch of items into the component and get a nice working carousel — one that allows you to scroll smoothly, navigate with the dynamic buttons, and is responsive. If that is…

W3C accepting proposals for Professional Employer Organization (PEO) Services

March 4th, 2021

Since its founding in 1994 by Web Inventor Tim Berners-Lee, the World Wide Web Consortium has developed the foundational technical standards upon which the Web has flourished. The Web and its place in society have changed dramatically, and the Web Consortium has been at the core of its technical interoperability. Today we need a more…

Angular Ivy’s internal data structures

March 3rd, 2021

I thought it would be useful to dive into Angular’s new Ivy rendering engine’s inner workings. In this article, I would like to stay high level but at the same time provide critical insights into how Ivy internally organizes its data structures to focus on memory performance. Template, Logical, and Render Trees When Ivy does rendering,…

React Without Build Tools

March 3rd, 2021

Jim Nielsen: I think you’ll find it quite refreshing to use React A) with a JSX-like syntax, and B) without any kind of build tooling. Refreshing indeed: CodePen Embed Fallback It’s not really the React that’s the hard part to pull off without build tools (although I do wonder what we lose from not tree…

W3C Invites Implementations of WAI-ARIA 1.2

March 2nd, 2021

The Accessible Rich Internet Applications Working Group invites implementations of a Candidate Recommendation of Accessible Rich Internet Applications (WAI-ARIA) 1.2. This specification provides an ontology of roles, states, and properties that define accessible user interface elements and can be used to improve the accessibility and interoperability of web content and applications. These semantics are designed to…

How to Map Mouse Position in CSS

March 1st, 2021

Let’s look at how to get the user’s mouse position and map it into CSS custom properties: –positionX and –positionY. We could do this in JavaScript. If we did, we could do things like make make an element draggable or move a background. But actually, we can still do similar things, but not use any…

CSS Border Font

February 28th, 2021

Every letter in this “font” by Davor Suljic is a single div and drawn only with border. That means employing some trickery like border-radius with exotic syntax like border-radius: 100% 100% 0 0 / 37.5% 37.5% 0 0; which rounds just the top of an element with a certain chillness that works here. Plus, using…

Reduced Motion, CORS,, popups, and 100vw

February 26th, 2021

In this week’s roundup, we highlight a proposal for a new <popup> element, check the use of prefers-reduced-motion on award-winning sites, learn how to opt into cross-origin isolation, see how approaches accessibility, and warn the dangers of 100vh. Let’s get into the news! The new HTML <popup> element is in development On January 21,…

Call for Review: Web Authentication: An API for accessing Public Key Credentials Level 2 is a W3C Proposed Recommendation

February 25th, 2021

The Web Authentication Working Group has published a Proposed Recommendation of Web Authentication: An API for accessing Public Key Credentials Level 2. This specification defines an API enabling the creation and use of strong, attested, scoped, public key-based credentials by web applications, for the purpose of strongly authenticating users. This is Web Authentication Level 2….

A DRY Approach to Color Themes in CSS

February 24th, 2021

The other day, Florens Verschelde asked about defining dark mode styles for both a class and a media query, without repeat CSS custom properties declarations. I had run into this issue in the past but hadn’t come up with a proper solution. What we want is to avoid redefining—and thus repeating—custom properties when switching between…