Quick Hit #144
Chrome 149 becomes the first to implement CSS Gap Decorations.
You probably want CSS-Tricks
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
Every view-transition-name on a page must be unique. The problem is that every pseudo-element selector in your CSS targets a specific name, so your animation styles explode into an unmanageable wall of selectors.
Chrome 150 will ship text-fit, which determines how text scales to fit on a line.