A list of the most popular front-end tools in 2021, according to the Web Tools Weekly newsletter. See which resources made the list.

Generate polka dot patterns using CSS custom variables for background images. No JS required.

Some CSS media queries can detect user preferences. We'll review the two best-supported types for motion and color settings.

I saw some Mondrian Art in CSS going around the other day and figured I’d go looking for others I’ve seen over the years and round them up.

I don’t get to work on a lot of new sites nowadays, but I recently got the opportunity to set one up from scratch.

Parcel CSS has significantly better performance than existing tools, while also improving minification quality.

Have you ever noticed that gradients tend to look a little gray and washed-out in the middle?

Let's take a closer look at conic-gradient and radial-gradient. How are they different and how and where to use them.

If you’re disciplined and make use of the inheritance that the CSS cascade provides, you’ll end up writing less CSS.

How a useRainbow() function can be used to create a brightly colored background that transitions between multiple colors.

There is an easy-to-use CSS container query polyfill now. You essentially conditionally load it and forget about it.

Fingerprinting is bad. It’s a term that refers to building up enough metadata about a user that you can essentially figure out who they are.

Safari TP 137 just dropped with unflagged support for :has(). Often dubbed “the parent selector”, :has() is way more than that…

One of the coolest things I’ve been messing with in the last couple years is the CSS Paint API.

With 2021 coming to an end, let’s take a look at which CSS language features we can expect to land in browsers in 2022.

The first time I had my breath taken away by a humble scrollbar was on this very site.

The ’!important` keyword is removed when using custom properties as CSS property values.

A grid layout with columns that scroll in opposite directions and a content preview animation for the image.

Elegant styles for all natives HTML elements without .classes and dark mode automatically enabled.

We’re closing in on the end of 2021 and I’m as excited now about building websites as I’ve been in ~25 years.