Aspect Ratio Revisited
Explore the modern approach to maintaining aspect ratios in CSS using the aspect-ratio property, replacing old hacks with cleaner, simpler code.
Thoughts / 113 posts since 2015
Ideas that refused
to leave quietly.
Notes, essays, and the odd announcement on design, code, and building things, written down whenever a thought wouldn't let go.
Weekly Widget - CSS Coupon
Kick off the Weekly Widget series with a stylish CSS-only coupon component — a clean, reusable snippet for adding a touch of flair to promo sections.
Units on the Web
Get a complete overview of CSS units, from absolute and relative lengths to font-based and grid-specific values. Learn how each unit behaves and when to use them effectively.
Animating the Web
Explore the core principles of web animation with real-world examples showing how movement can enhance orientation, provide feedback, highlight changes, and guide users through a better experience.
Smooth scroll-to-top
Learn how to implement a smooth scroll-to-top feature with just a few lines of native JavaScript — no jQuery required.
CSS color-scheme
Understand how the color-scheme CSS property affects native styling of elements like scrollbars and form controls, and how to toggle between light and dark modes using just a few lines of CSS.