Skip to main content
Martin.

Writing

Blog

Thoughts, tutorials, and things I've learned along the way.

Filtered by#CSS

A Reading Progress Bar in Pure CSS (No JavaScript Required)

· 4 min read

CSS scroll-driven animations let you build a reading progress bar with zero JavaScript. Here's the entire implementation — it's smaller than most import statements.

#CSS#Scroll Animations#Progressive Enhancement

Natural View Transitions

· 9 min read

Most view transition demos look impressive but feel wrong in production. Here's how I designed page transitions that feel like a magazine — not a PowerPoint deck.

#CSS#View Transitions#Animation#Design

The CSS light-dark() Function: How I Stopped Writing Two Colour Palettes

· 4 min read

How the CSS light-dark() function lets you define both theme colours in a single declaration — and why it pairs perfectly with color-scheme.

#CSS#Dark Mode#Design Tokens#Tutorial

z-index: calc(infinity) and Other Useful Infinity Tricks

· 3 min read

CSS has an infinity constant. It's the end of z-index wars, magic numbers, and border-radius hacks.

#CSS#Tips