🕸️CSS

One List To Rule Them All

Amazing reading list on learning modern CSS features.

You no longer need JavaScript

Another great list of examples to throw into the anti-JS pile. If you’re a web developer who hasn’t paid attention to CSS in a while, give this a read!

Make the Web a More a Colorful Place!

Super convenient color tool from OddBird!

MSEdgeExplainers/CSSTooltipPseudo/explainer.md at main · MicrosoftEdge/MSEdgeExplainers · GitHub

Our team is taking a look at a long-standing gap in CSS to style browser tooltips! We aren’t sure when we’ll be able to do the work to implement this yet, but I’m going to be iterating on open issues and gaps in this explainer soon. Would love any feedback!

The Height Enigma

More great in-depth CSS stuff. This one covers the nuances of setting height!

Grid First, Flex Third

As someone who struggles with CSS, I’d love to see more prescriptive articles like this. Does anyone know of others who share their approaches like this?

A fluid CSS methodology

Still working on my re-learning of more modern CSS and this is seems like a great approach to typography.

CSS Carousels

Minimal CSS-only blurry image placeholders

🔍 Going through the “State of CSS” results…

Always love good analysis of “state of…” surveys.

Improving rendering performance with CSS content-visibility

Yet another wonderful deep dive into effective web perf analysis from Nolan.

CSS @property and the New Style

I feel like I’ll never be competent with CSS.

An Interactive Guide to CSS Container Queries

An absolutely beautiful, descriptive, and easy to follow guide on everything CSS Container Queries, something everyone in front-end should start to learn soon.

The Gap

Another beautiful, succinct overview of a relatively recent CSS feature - Gap. I definitely need to adjust some of my normal CSS patterns to use gap more.

CSS :has() Interactive Guide

:has() is another recent CSS selector that I want to make sure I thoroughly understand and use, and this is a fantastic overview.