Blogs

A collection of my thoughts, tutorials, and insights on web development.

What’s !important #11: 3D Voxel Scenes, Flying Focus, CSS Syntaxes, and More

What’s !important #11: 3D Voxel Scenes, Flying Focus, CSS Syntaxes, and More

If 3D voxel scenes (that you can style), flying focus animations, or new CSS syntaxes sound like your kinda thing, then this issue of What’s !important is definitely for you.

Read More
Computing and Displaying Discounted Prices in CSS

Computing and Displaying Discounted Prices in CSS

A clever use of CSS to calculate and display a discounted product price by providing a base price and discount amount, featuring modern CSS features like attr(), mod(), and round().

Read More
Soon We Can Finally Banish JavaScript to the ShadowRealm

Soon We Can Finally Banish JavaScript to the ShadowRealm

The proposed ShadowRealm API introduces a new kind of realm specifically designed for isolation, and only that.

Read More
Using CSS corner-shape For Folded Corners

Using CSS corner-shape For Folded Corners

I came across Kitty Giraudel’s folded corners technique. I’ve been on a bit of a corner-shape kick lately, so I figured that corner-shape could be used to create folded corners as well.

Read More
A Scrollytelling Gift for Mum on Mother’s Day 2026

A Scrollytelling Gift for Mum on Mother’s Day 2026

I will explain how my mum inspired this 2026 Mother’s Day scrollytelling experiment — but also, how she inspired my approach to dev and life.

Read More
Making Zigzag CSS Layouts With a Grid + Transform Trick

Making Zigzag CSS Layouts With a Grid + Transform Trick

Most grid layouts sit in neat rows, perfectly aligned, like soldiers in formation. But sometimes you want something with more rhythm like, say, a zigzag pattern. Here's how to do it with CSS Grid.

Read More
Fixed-Height Cards: More Fragile Than They Look

Fixed-Height Cards: More Fragile Than They Look

Getting a multi-column of cards to line up equally is is a headache we've all faced, and it gets even harder when working with fixed heights.

Read More
What’s !important #10: HTML-in-Canvas, Hex Maps, E-ink Optimization, and More

What’s !important #10: HTML-in-Canvas, Hex Maps, E-ink Optimization, and More

Developers have been experimenting with HTML-in-Canvas, a hexagonal world map-analytics feature, a web-based OS for e-ink devices, replacing image sources using the content property, and more. This is What’s !important #10.

Read More
The Importance of Native Randomness in CSS

The Importance of Native Randomness in CSS

We're getting new functions for generating random numbers in CSS! But the road to get here has been a long and winding one.

Read More