Menu

W3C News

React v17.0

October 19th, 2020

Today, we are releasing React 17! We’ve written at length about the role of the React 17 release and the changes it contains in the React 17 RC blog post. This post is a brief summary of it, so if you’ve already read the RC post, you can skip this one. No New Features The…

Comparing Styling Methods in 2020

October 19th, 2020

Over on Smashing, Adebiyi Adedotun Lukman covers all these styling methods. It’s in the context of Next.js, which is somewhat important as Next.js has some specific ways you work with these tools, is React and, thus, is a components-based architecture. But the styling methods talked about transcend Next.js, and can apply broadly to lots of…

People Problems

October 16th, 2020

Just the other day, Jeremy Keith wrote that problems with performance work aren’t only a matter of optimization and fixing code, but also tackling people problems: It struck me that there’s a continuum of performance challenges. On one end of the continuum, you’ve got technical issues. These can be solved with technical solutions. On the…

Full Bleed

October 15th, 2020

We’ve covered techniques before for when you want a full-width element within a constrained-width column, like an edge-to-edge image within a narrower column of text. There are loads of techniques. Perhaps my favorite is this little utility class: .full-width { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } That works…

Working Group Note: Progressive Font Enrichment: Evaluation Report

October 15th, 2020

The WebFonts Working Group has published a First Public Working Group Note of Progressive Font Enrichment: Evaluation Report. The success of WebFonts is unevenly distributed. This study evaluates solutions which would allow WebFonts to be used where slow networks, very large fonts, or complex subsetting requirements currently preclude their use. Comments on this report are…

How to Create a Realistic Motion Blur with CSS Transitions

October 14th, 2020

Before we delve into making a realistic motion blur in CSS, it’s worth doing a quick dive into what motion blur is, so we can have a better idea of what we’re trying to reproduce. Have you ever taken a photo of something moving quickly, especially under low light, and it turned into a blurry…

Let’s Create Our Own Authentication API with Nodejs and GraphQL

October 13th, 2020

Authentication is one of the most challenging tasks for developers just starting with GraphQL. There are a lot of technical considerations, including what ORM would be easy to set up, how to generate secure tokens and hash passwords, and even what HTTP library to use and how to use it. In this article, we’ll focus…

Run Gulp as You Open a VS Code Project

October 12th, 2020

When I open my local project for this very site, there is a 100% chance that I need to run this command before anything else: gulp. I set that up fresh less than a year ago so I’m on the latest-and-greatest stuff and have my workflow just how I like it. I did a few…

W3C community convenes online for TPAC 2020

October 12th, 2020

Today marks the start of TPAC 2020, our 20th Technical Plenary and Advisory Committee meetings week! The W3C Community convenes remotely for our annual all-groups meetings which are online and virtual for the first time since 2001 and will span at least three weeks. The event focuses on collaborative meetings to create momentum and collective…

Giving material angular a refresh

October 7th, 2020

Hi everyone, I’m Annie and I recently joined the Angular Components team after finishing up my rotations as an Engineering Resident here at Google. During the first rotation of my residency, I worked on the Closure Compiler and implemented some new ES2020 features including bullish coalesce and optional chaining. After that, my second rotation project…