Menu

W3C News

Creating Dynamic Routes in a Nuxt Application

July 30th, 2019

In this post, we’ll be using an ecommerce store demo I built and deployed to Netlify to show how we can make dynamic routes for incoming data. It’s a fairly common use-case: you get data from an API, and you either don’t know exactly what that data might be, there’s a lot of it, or…

The Simplest Way to Load CSS Asynchronously

July 30th, 2019

Scott Jehl: One of the most impactful things we can do to improve page performance and resilience is to load CSS in a way that does not delay page rendering. That’s because by default, browsers will load external CSS synchronously—halting all page rendering while the CSS is downloaded and parsed—both of which incur potential delays….

Run useEffect Only Once

July 30th, 2019

React has a built-in hook called useEffect. Hooks are used in function components. The Class component comparison to useEffect are the methods componentDidMount, componentDidUpdate, and componentWillUnmount. useEffect will run when the component renders, which might be more times than you think. I feel like I’ve had this come up a dozen times in the past…

Call for Review: Accessibility Conformance Testing (ACT) Rules Format 1.0 is a W3C Proposed Recommendation

July 30th, 2019

The Accessibility Guidelines Working Group (AG WG) has published Accessibility Conformance Testing (ACT) Rules Format 1.0 as a W3C Proposed Recommendation. This draft demonstrates implementations of the specification based on example ACT Rules being continuously developed by the ACT Rules Community Group. A blog post Harmonized Accessibility Testing provides more background on this work. Comments…

Updated Candidate Recommendations for CSS Writing Modes Levels 3 and 4

July 30th, 2019

The CSS Working Group invites implementations of updated Candidate Recommendations of CSS Writing Modes Level 3 and CSS Writing Modes Level 4. These documents define CSS support for various international writing modes, including left-to-right and right-to-left text ordering as well as horizontal and vertical orientations. Level 4 is identical to Level 3, except that it…

Lessons Learned from a Year of Testing the Web Platform

July 29th, 2019

Mike Pennisi: The web-platform-tests project is a massive suite of tests (over one million in total) which verify that software (mostly web browsers) correctly implement web technologies. It’s as important as it is ambitious: the health of the web depends on a plurality of interoperable implementations. Although Bocoup has been contributing to the web-platform-tests, or…

Getting design system customization just right

July 29th, 2019

I had a little rant in me a few months ago about design systems: “Who Are Design Systems For?” My main point was that there are so many public and open source ones out there that choosing one can feel like choosing new furniture for your house. You just measure up what you need and…

The Guardian digital design system

July 29th, 2019

Here’s a fascinating look at The Guardian’s design system with a step-by-step breakdown of what’s gone into it and what options are available to designers and developers. It shows us how the team treats colors, typography, layouts, and visual cues like rules and borders. I’ve been struggling to think about how to describe design systems…

Telling the Story of Graphic Design

July 26th, 2019

Let me just frame this for you: we’re going to take a piece of production UI from a Sketch file, break it down into pieces of information and then build it up into a story we tell our friends. Our friends might be hearing, or seeing, or touching the story so we are going to…

Datalist is for suggesting values without enforcing values

July 26th, 2019

Have you ever had a form that needed to accept a short, arbitrary bit of text? Like a name or whatever. That’s exactly what <input type=”text”> is for. There are lots of different input types (and modes!), and picking the right one is a great idea. But this little story is about something else and…