Let’s Use the Emergent CSS random() Function in all the Browsers
The creator of the TV show The Good Place wrote a tie-in book about moral philosophy which includes a chapter called…
Creating Web Widgets Using the Document Picture-in-Picture API
Firefox 151 recently shipped the Document Picture-in-Picture API. This isn’t the same thing as the (regular?) Picture-in-Picture…
What’s !important #17: Custom Highlight API, CSS Navigation Matching, Fixing text-stroke, and More
Plus, how to style skeleton UIs, how to enable diagonal scrolling, how images can overflow themselves, and…
Blocked aria-hidden: The Warning is Right, and Every Fix You’ve Found is Wrong
You closed a dialog and the console went that particular shade of angry mustard. You highlighted the…
Using and Styling the Dialog Element
Wasn’t it great — nay, amazing – the day we got a native HTML <dialog> element? It’s,…
What’s !important #16: sibling-index() Animations, Use Cases for the infinity Keyword, Container Stuck Queries, and More
In What’s !important #16, see how the soon-Baseline sibling-index() function can be used for animations, revisit the…
4 Homegrown Brands Winning India
I addressed last month the opportunity for foreign brands to sell in India. The country’s population is…
What’s !important #14: Gap Decorations, random(), field sizing, and More
I know you’re busy, so for What’s !important #14, I’ll be sprinting through what’s been a stacked…
Using Scroll-Driven Animations for Opposing Scroll Directions
Sometimes designers have silly ideas that eventually grow on you. That happened to me with this concept…
What’s !important #13: @function, alpha(), CSS Wordle, and More
CSS functions, the alpha() function, Grid Lanes, some things about <dialog> that you might not know, CSS…
What’s !important #12: Safari Testing, ::checkmark, HTML Anchor Positioning, and More
What’s !important #12 talks about the old (testing in Safari when you don’t have Safari), the new…
Cross-Document View Transitions: Scaling Across Hundreds of Elements
In Part 1, we covered the gotchas that bite you first: the deprecated meta tag that silently…
Cross-Document View Transitions: The Gotchas Nobody Mentions
I wasted an entire Saturday on this. Not a lazy Saturday either, but one of those rare,…
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…
Using CSS corner-shape For Folded Corners
I came across Kitty Giraudel’s folded corners technique. It leverages CSS clip-path, and I thought that that…
A Scrollytelling Gift for Mum on Mother’s Day 2026
My mum loved logic because she was born at a time when nothing made sense. She was…
Deals and Cashback Move Into ChatGPT Conversations
E-commerce platform Minty has launched an AI-powered shopping companion that delivers deals and cashback offers in ChatGPT….
Let’s Use the Nonexistent ::nth-letter Selector Now
“I think I’m done with reality.” — The Seventh Circle by Architects We’ve all, at some point,…
Recreating Apple’s Vision Pro Animation in CSS
Apple’s product animations, particularly the scrolly teardowns (technical term), have always been inspiring. But these bleeding-edge animations…
Looking at New CSS Multi-Column Layout Wrapping Features
Multi-column layouts have not been used to their full potential, mostly because once content exceeded a limit,…
What’s !important #8: Light/Dark Favicons, @mixin, object-view-box, and More
Short n’ sweet but ever so neat, this issue covers light/dark favicons, @mixin, anchor-interpolated morphing, object-view-box, new…
What’s !important #7: random(), Folded Corners, Anchored Container Queries, and More
For this issue of What’s !important, we have a healthy balance of old CSS that you might’ve…
What’s !important #6: :heading, border-shape, Truncating Text From the Middle, and More
Despite what’s been a sleepy couple of weeks for new Web Platform Features, we have an issue…
Yet Another Way to Center an (Absolute) Element
sibling-index() and sibling-count() functions. There are lots of recent examples like this. Still, there is one little…