The five best design links, every weekday

Category: Css

All Categories

The 60 Hottest Front-end Tools of 2021

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

CSS Polka Dot Generator

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

Preference Queries

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

Mondrian Art in CSS From 5 Code Artists

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.

Your CSS reset needs text-size-adjust (probably)

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.

Announcing Parcel CSS: A new CSS parser, compiler, and minifier written in Rust!

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

Make Beautiful Gradients

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

A Deep CSS Dive Into Radial And Conic Gradients

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

Don’t Fight the Cascade, Control It!

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.

A New Container Query Polyfill That Just Works

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

CSS-Based Fingerprinting

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.

The CSS :has() selector is way more than a “Parent Selector”

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

Honor prefers-color-scheme in the CSS Paint API with Custom Properties

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

CSS in 2022

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.

Strut Your Stuff With a Custom Scrollbar

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

The surprising behavior of “important CSS custom properties”

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

Alternate Column Scroll Animation

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

Pico.css: Minimal CSS Framework for semantic HTML

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

There’s never been a better time to build websites

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.