On the Growing Popularity of Atomic CSS

Personally, I don't care for Atomic CSS, but it's good to understand why it appeals to others:

Atomic CSS offers a straightforward, obvious, and simple methodology. Classes are immutable - they don't change. This makes the application of CSS predictable and reliable as classes will always do exactly the same thing. The scope of adding or removing a utility class in an HTML file is unambiguous, giving you the confidence that you aren't breaking anything else. This can reduce cognitive load and mental-overhead.

Modern Asynchronous CSS Loading

To load less-critical CSS files without blocking page rendering, we need to load them asynchronously.

Faux Grid Tracks

Hack the Grid with Eric Meyer as he explores different methods for replicating a tic-tac-toe board using CSS Grid.

Font-display playground

A small explainer and demo for font-display. It simulates slower connections, so you can see how font-display: optional helps!

Recreating the Apple Watch Breathe App Animation

The Apple Watch comes with a stock app called Breathe that reminds you to, um, breathe. There's actually more to it than that, but the thought of needing a reminder to breathe makes me giggle. The point is, the app has this kinda awesome interface with a nice animation.