Scroll-Driven, Scroll-Triggered, Scroll States, and View Transitions
I’ve said one and meant another, and I’ve used one when I needed another. Please bear with me as I note the high-level similarities and…
Read MoreScroll-Driven, Scroll-Triggered, Scroll States, and View Transitions
Another Stab at the Perfect CSS Pie Chart… Sans JavaScript!
Recently, Juan Diego Rodríguez published an excellent article exploring how far CSS can be pushed to build a semantic and customizable pie chart while keeping JavaScript to…
offset-path
The offset-path property in CSS defines a movement path for an element to follow during animation. This property began life as motion-path. This, and all…
@custom-media
The CSS @custom-media at-rule allows creating aliases for media queries. This is particularly valuable if you have long or complex media queries that you use…
@function
The @function at-rule defines CSS custom functions. These custom functions are reusable blocks of CSS that can accept arguments, contain complex logic, and return values…
::search-text
The CSS ::search-text pseudo-element selects matching text from your browser’s “find in page” feature. For example, if you use your browser search to find “search-text” on this…
Astro Markdown Component Utility for Any Framework
In the previous article, I spoke about the why and how to use a Markdown component in Astro. Here, we’re going to expand on that…
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 (::checkmark), the in-between (anchor positioning but with HTML),…
Revealing Text With CSS letter-spacing
Some text effects are relatively hard to pull in CSS, the main reason being we are unable to target individual characters (something many of us…
Technical Writing in the AI Age
This isn’t coming out of nowhere: My apathy levels for the industry are absolutely sky high and I don’t even have a dickhead boss making…
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 does nothing, the 4-second timeout that kills transitions…
The State of CSS Centering in 2026
What? Another article about centering?! But all we have to do is use display: flex | grid, then align-items: center. No, it’s align-content… wait… I…
Stack Overflow: When We Stop Asking
Let’s play a quick game: I’ll show a graph and try to guess what it’s about. Source: Data Stack Exchange No, it isn’t a crypto coin…
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, carved-out, “I’m finally going to build that thing”…
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, carved-out, “I’m finally going to build that thing”…