Quick Hit #145
Safari 27 beta ships with 58 new features that were implemented in recent releases of Safari Technology Preview.
You probably want CSS-Tricks
Safari 27 beta ships with 58 new features that were implemented in recent releases of Safari Technology Preview.
I’ve said one and mean another, and I’ve used one when I needed another. Comparing scroll-driven animations, scroll-triggered animations, container query scroll states, and view transitions for my future self.
Chrome 149 becomes the first to implement CSS Gap Decorations.
We dive again into CSS Pie Charts! This time, Author Antoine Villepreux delivers semantic and flexible charts without a single line of JS.
Continue reading "Another Stab at the Perfect CSS Pie Chart… Sans JavaScript!" at CSS-Tricks
Chrome 149 ships image-rendering: crisp-edges, making it Baseline.
Chrome 149 upgrades shape-outside to support rect() and xywh() (now Baseline) as well as path() and shape() (no other web […]
In the previous article, I spoke about the why and how to use a Markdown component in Astro. Here, we’re […]
Continue reading "Astro Markdown Component Utility for Any Framework" at CSS-Tricks
The old (testing in Safari when you don’t have Safari), the new (::checkmark), the in-between (anchor positioning but with HTML), and more.
Take the State of CSS 2026 survey!
Until we get something like ::nth-letter, there are still some really cool text effects we can make from existing CSS features, like letter-spacing, ::first-word and ::first-line.
Continue reading "Revealing Text With CSS letter-spacing" at CSS-Tricks
Chrome 151 will finally ship the autocorrect attribute, making it Baseline after 17 years.
This isn’t totally about AI. It’s about technical writing in the age of AI. I have some thoughts on this and I hope it’s helpful to you humans reading.
Continue reading "Technical Writing in the AI Age" at CSS-Tricks