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().
Powered by
DigitalOcean
The proposed ShadowRealm API introduces a new kind of realm specifically designed for isolation, and only that.
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.
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.
Mat Marquis on Google pulling the web standards equivalent of U2 album marketing: As a Chrome user, you’ll have received Gemini […]
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.
.element { transform: rotate(45deg); }
.element { transform: rotateY(60deg); }
.element { transform: rotateY(30deg); }
.element { transform: rotateZ(90deg); }
.element { animation-timeline: view(); }
.element { animation-timeline: scroll(); }
.scroll-container { scroll-timeline-axis: x; }
.element { scroll-timeline-name: --scroller; }
