Menu

W3C News

How CSS Perspective Works

September 9th, 2020

As someone who loves creating CSS animations, one of the more powerful tools I use is perspective. While the perspective property is not capable of 3D effects all by itself (since basic shapes can’t have depth), you can use the transform property to move and rotate objects in a 3D space (with the X, Y,…

W3C opens Diversity Fund applications for TPAC 2020

September 9th, 2020

TPAC registration just opened and we are opening applications for the Diversity Fund. We believe that more diversity means better representation, which leads to better and more inclusive design. We believe that more background, more use cases, more edge cases, lead to a better Web. More diversity also brings higher quality results. Our CEO blogged…

One Action, Multiple Terminal Windows Running Stuff

September 8th, 2020

Many development environments require running things in a terminal window. npm run start, or whatever. I know my biggest project requires me to be running a big fancy Docker-based thing in one terminal, Ruby on Rails in another, and webpack in another. I’ve worked on other projects that require multiple terminal windows as well, and…

September 2020 Security Releases NodeJS

September 8th, 2020

Summary The Node.js project will release new versions of all supported release lines on or shortly after Tuesday, September 15, 2020. These releases will fix One critical severity issue One high severity issue One medium severity issue Impact The 14.x release line of Node.js is vulnerable to one critical severity issue, one high severity issue,…

Import Non-ESM libraries in ES Modules, with Client-Side Vanilla JS

September 7th, 2020

We’re living through a weird era where there are tons of JavaScript libraries that were meant to be used as <script> tags that expose available globals. AND there are tons of JavaScript libraries that are meant to be used through module loaders. AND there are tons of JavaScript libraries that assume you will use them…

Using max() for an inner-element max-width

September 7th, 2020

I go into all this in The “Inside” Problem. The gist: you want an edge-to-edge container, but the content inside to have a limited width. I think there is absolutely no problem using a nested element inside, but it’s also fun to look at the possibilities of making that work on a single element. My…

Beyond Media Queries: Using Newer HTML & CSS Features for Responsive Designs

September 4th, 2020

Beyond using media queries and modern CSS layouts, like flexbox and grid, to create responsive websites, there are certain overlooked things we can do well to make responsive sites. In this article, we’ll dig into a number of tools (revolving around HTML and CSS) we have at the ready, from responsive images to relatively new…

Stroke Text CSS: The Definitive Guide

September 3rd, 2020

Whenever I think of stroked text on the web I think nope. There is -webkit-text-stroke in CSS for it, but it places that stroke in the middle of the vector outline of the characters, absolutely ensuring that the character doesn’t look right. Just look at this in Chrome or Safari. Gross. If you’re going to…

Summer 2020 Internship With the Angular Team

September 2nd, 2020

Photo by Emma Twersky TL;DR Our interns were phenomenal! Read on to find out why. We’ve just wrapped up our latest intern cohort on the Angular team. Please believe me when I tell you that there are some outstanding folks out there and we were lucky enough to get to work with a few of them. Because…

How to Use CSS Grid for Sticky Headers and Footers

September 2nd, 2020

CSS Grid is a collection of properties designed to make layout easier than it’s ever been. Like anything, there’s a bit of a learning curve, but Grid is honestly fun to work with once you get the hang of it. One area where it shines is dealing with headers and footers. With a little adjustment…