W3C News

Styling Web Components

January 29th, 2021

Nolan Lawson has a little emoji-picker-element that is awfully handy and incredibly easy to use. But considering you’d probably be using it within your own app, it should be style-able so it can incorporated nicely anywhere. How to allow that styling isn’t exactly obvious: What wasn’t obvious to me, though, was how to allow users…

A Whole Website in a Single HTML File

January 28th, 2021

I can’t stop thinking about this site. It looks like a pretty standard fare; a website with links to different pages. Nothing to write home about except that… the whole website is contained within a single HTML file. What about clicking the navigation links, you ask? Each link merely shows and hides certain parts of…

HTML Review Draft — Published 29 January 2020 is a W3C Recommendation

January 28th, 2021

As part of working with the WHATWG together on HTML and DOM, W3C selected today to endorse the HTML Review Draft — Published 29 January 2020 as a W3C Recommendation. The HTML specification defines a semantic-level markup language and associated semantic-level scripting APIs for authoring accessible pages on the Web ranging from static documents to…

The Holy Grail Layout with CSS Grid

January 27th, 2021

A reader wrote in asking specifically how to build this layout in CSS Flexbox: My answer: That’s not really a layout for CSS Flexbox. You could pull it off if you had to, but you’d need some kind of conceit, like grouping the nav and article together in a parent element (if not more grouping)….


January 26th, 2021

I’m not exactly a large-scale DevOps guy, but I can tell ya we’ve been moving back toward a monorepo at CodePen and it’s rife with advantages over a system with lots of smaller reports. For us, I mean. It’s very likely that you have entirely different challenges and have come to entirely different conclusions at…

Angular Debugging Guides

January 26th, 2021

The best part of coding is when something works on the first try. The next best thing is knowing how to debug errors when things don’t work the first time. As we’ve shared on our roadmap, one of our team’s top priorities is improving the Angular debugging experience. We’re excited to announce several new projects…

WebRTC 1.0 is a W3C Recommendation

January 26th, 2021

The Web Real-Time Communications Working Group has published WebRTC 1.0: Real-Time Communication Between Browsers as a W3C Recommendation. This document defines a set of JavaScript APIs to allow media and generic application data to be exchanged with another browser or device implementing the appropriate set of real-time protocols defined in IETF. WebRTC already serves as…

Checkerboard Reveal

January 25th, 2021

Back when I was 10, I remember my cousin visiting our house. He was (and still is) a cool kid, the kind who’d bring his own self-programmed chess game on a floppy disk. And his version of chess was just as cool as him because a piece of the board would disappear after each move….

You want minmax(10px, 1fr) not 1fr

January 22nd, 2021

There are a lot of grids on the web like this: .grid { display: grid; grid-template-columns: repeat(3, 1fr); } My message is that what they really should be is: .grid { display: grid; grid-template-columns: repeat(3, minmax(10px, 1fr)); }   Why? In the former, the minimum width of the grid column is min-content, which can be…

First Public Working Draft: W3C Accessibility Guidelines (WCAG) 3.0

January 21st, 2021

The Accessibility Guidelines Working Group (AG WG) has published a First Public Working Draft of W3C Accessibility Guidelines (WCAG) 3.0. WCAG and supporting materials explain how to make web content, apps, and tools more accessible to people with disabilities. W3C Accessibility Guidelines (WCAG) 3 has several differences from Web Content Accessibility Guidelines (WCAG) 2. WCAG…