Using CSS corner-shape For Folded Corners
8.5.2026
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.
Using CSS corner-shape For Folded Corners originally handwritten and published with love on CSS-Tricks....
A Scrollytelling Gift for Mum on Mother’s Day 2026
7.5.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.
A Scrollytelling Gift for Mum on Mother’s Day 2026 originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well
Google’s Prompt API
6.5.2026
Mat Marquis on Google pulling the web standards equivalent of U2 album marketing:
As a Chrome user, you’ll have received Gemini Nano in the form of a 4GB transfer recently; no permission asked or required. If you remove it,
…
Google’s Prompt API originally handwritten...
Making Zigzag CSS Layouts With a Grid + Transform Trick
6.5.2026
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.
Making Zigzag CSS Layouts With a Grid + Transform Trick originally handwritten and published with...
From Shader Uniforms to Clip-Path Wipes: How GSAP Drives My Portfolio
6.5.2026
A look at how my portfolio came together as a technical handshake, with GSAP orchestrating everything from shader uniforms to text reveals
Reverse-Engineering Claude AI’s Mascot Animations with SVG and GSAP
5.5.2026
How I rebuilt Claude AI’s mascot animations from scratch, frame by frame, purely in code using SVG and GSAP
Fixed-Height Cards: More Fragile Than They Look
4.5.2026
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.
Fixed-Height Cards: More Fragile Than They Look originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well
Akaru: Crafting Precision-Driven Digital Experiences
4.5.2026
In a digital world increasingly shaped by templates and automated systems, we still believe in the power of crafted experiences
Designing Against the Gallery: A Two-Year Journey to a Layered Portfolio Experience
2.5.2026
A two-year journey to create a layered, engaging portfolio beyond the traditional gallery
What’s !important #10: HTML-in-Canvas, Hex Maps, E-ink Optimization, and More
1.5.2026
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.
What’s !important #10: HTML-in-Canvas, Hex Maps, E-ink Optimization,...
The Importance of Native Randomness in CSS
30.4.2026
We're getting new functions for generating random numbers in CSS! But the road to get here has been a long and winding one.
The Importance of Native Randomness in CSS originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well
contrast()
29.4.2026
The contrast() filter function increases or decreases the contrast of an element.
contrast() originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well