W3C News

Draggin’ and Droppin’ in React

August 16th, 2019

The React ecosystem offers us a lot of libraries that all are focused on the interaction of drag and drop. We have react-dnd, react-beautiful-dnd, react-drag-n-drop and many more, but some of them require quite a lot of work to build even a simple drag and drop demo, and some do not provide you with more…

Accessibility and web performance are not features, they’re the baseline

August 16th, 2019

This week I’ve been brooding about web performance and accessibility. It all began when Ethan Marcotte made a lot of great notes about the accessibility issues that are common with AMP: In the recordings above, I’m trying to navigate through the AMP Story. And as I do, VoiceOver describes a page that’s impossible to understand:…

Weekly Platform News: HTML Loading Attribute, the Main ARIA Specifications, and Moving from iFrame to Shadow DOM

August 15th, 2019

In this week’s roundup of platform news, Chrome introduces a new attribute for loading, accessibility specifications for web developers, and the BBC moves visualizations to the Shadow DOM. Chrome ships the loading attribute The HTML loading attribute for lazy-loading images and iframes is now supported in Chrome. You can add loading=”lazy” to defer the loading…

The Making of an Animated Favicon

August 15th, 2019

It’s the first thing your eyes look for when you’re switching tabs. That’s one way of explaining what a favicon is. The tab area is a much more precious screen real-estate than what most assume. If done right, besides being a label with icon, it can be the perfect billboard to represent what’s in or…

Front Conference in Zürich

August 15th, 2019

I’m so excited to be heading to Zürich, Switzerland for Front Conference (Love that name and URL!). I’ve never been to Switzerland before, so I’m excited about that, but of course, the web nerd in me is excited to be at the conference with lots of fellow web folk. Some old friends, but mostly new…

Patent Advisory Group Recommends Continuing Work on Payment Request API

August 15th, 2019

The Web Payments Working Group Patent Advisory Group (PAG), launched in June 2019, has published a report recommending that W3C continue work on Payment Request API. W3C launches a PAG to resolve issues in the event a patent has been disclosed that may be essential, but is not available under the W3C Royalty-Free licensing terms.

Introducing the New React DevTools

August 14th, 2019

We are excited to announce a new release of the React Developer Tools, available today in Chrome, Firefox, and (Chromium) Edge! What’s changed? A lot has changed in version 4! At a high level, this new version should offer significant performance gains and improved navigation experience. It also offers full support for React Hooks, including…

Staggered CSS Transitions

August 14th, 2019

Let’s say you wanted to move an element on :hover for a fun visual effect. @media (hover: hover) { .list–item { transition: 0.1s; transform: translateY(10px); } .list–item:hover, .list–item:focus { transform: translateY(0); } } Cool cool. But what if you had several list items, and you wanted them all to move on hover, but each one…

Contextual Utility Classes for Color with Custom Properties

August 14th, 2019

In CSS, we have the ability to access currentColor which is tremendously useful. Sadly, we do not have access to anything like currentBackgroundColor, and the color-mod() function is still a ways away. With that said, I am sure I am not alone when I say I’d like to style some links based on the context,…

The Differing Perspectives on CSS-in-JS

August 13th, 2019

Some people outright hate the idea of CSS-in-JS. Just that name is offensive. Hard no. Styling doesn’t belong in JavaScript, it belongs in CSS, a thing that already exists and that browsers are optimized to use. Separation of concerns. Anything else is a laughable misstep, a sign of not learning from the mistakes of the…