W3C News

Creating WebGL Effects with CurtainsJS

November 18th, 2020

This article focuses adding WebGL effects to <image> and <video> elements of an already “completed” web page. While there are a few helpful resources out there on this subject (like these two), I hope to help simplify this subject by distilling the process into a few steps: Create a web page as you normally would….

Copyediting with Semantic HTML

November 17th, 2020

Tracking changes is a quintessential copyediting feature for comparing versions of content. While we’re used to tracking changes in a word processing document, we actually have HTML elements capable of that. There are a lot of elements that we can use for this process. The main ones we’ll look at are <del>, <ins> and <mark>….

A Complete Guide to CSS Gradients

November 16th, 2020

The background-size property in CSS is one of the most useful — and most complex — of the background properties. There are many variations and different syntaxes you can use for this property, all of which have different use cases. Here’s a basic example: html { background: url(greatimage.jpg); background-size: 300px 100px; } That’s an example…

Mixing Colors in Pure CSS

November 16th, 2020

Red + Blue = Purple… right? Is there some way to express that in CSS? Well, not easily. There is a proposal draft for a color-mix function and some degree of interest from Chrome, but it doesn’t seem right around the corner. It would be nice to have native CSS color mixing, as it would…

Node.js November 2020 Security Releases

November 13th, 2020

Summary The Node.js project will release new versions of 15.x, 14.x, and 12.x on or shortly after Monday, November 16th, 2020. These releases will fix: One high severity issue Impact The 15.x release line of Node.js is vulnerable to one high severity issue. The 14.x release line of Node.js is vulnerable to one high severity…


November 12th, 2020

I’ve been saying for years that a pretty good icon system is just dropping in icons with inline <svg> where you need them. This is simple to do, offers full design control, has (generally) good performance, and means you aren’t smurfing around with caching and browser support stuff. Along those lines… using <img> isn’t the…

Version 11 of Angular Now Available

November 11th, 2020

Photo of a Torch Ginger by Jules Kremer Welcome to the Angular version 11 release. Version 11.0.0 is here and we’ve got some great updates for Angular developers everywhere. This release has updates across the platform including the framework, the CLI and components. Let’s dive in! What’s in this release? Updates on Operation Byelog When we shared Angular’s Roadmap,…


November 10th, 2020

Jeremey reacting to Sara’s tweet, about using [aria-*] selectors instead of classes when the styling you are applying is directly related to the ARIA state. … this is my preferred way of hooking up CSS and JavaScript interactions. Here’s [an] old CodePen where you can see it in action Which is this classic matchup: [aria-hidden=’true’] { display:…

Working Group Note: Web Platform Design Principles

November 10th, 2020

The W3C Technical Architecture Group (TAG) has published a First Public Working Group Note of Web Platform Design Principles. This document contains a set of design principles to be used when designing Web Platform technologies. These principles have been collected during the Technical Architecture Group’s discussions in reviewing developing specifications. We encourage specification designers to…

Publication Manifest and Audiobooks are W3C Recommendations

November 10th, 2020

The Publishing Working Group has published the following specifications as W3C Recommendations: Publication Manifest defines a general manifest format for expressing information about a digital publication. It uses metadata augmented to include various structural properties about publications, serialized in JSON-LD, to enable interoperability between publishing formats while accommodating variances in the information that needs…