CSS-Trickz! also ready to join Digital Ocean

You probably want CSS-Tricks

Quick Hit #144

Written by: Daniel Schwarz

Chrome 149 becomes the first to implement CSS Gap Decorations.

Continue reading "Quick Hit #144" at CSS-Tricks

Another Stab at the Perfect CSS Pie Chart… Sans JavaScript!

Written by: Antoine Villepreux

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

Quick Hit #143

Written by: Daniel Schwarz

Chrome 149 ships image-rendering: crisp-edges, making it Baseline.

Continue reading "Quick Hit #143" at CSS-Tricks

Quick Hit #142

Written by: Daniel Schwarz

Chrome 149 upgrades shape-outside to support rect() and xywh() (now Baseline) as well as path() and shape() (no other web […]

Continue reading "Quick Hit #142" at CSS-Tricks

Astro Markdown Component Utility for Any Framework

Written by: Zell Liew

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

What’s !important #12: Safari Testing, ::checkmark, HTML Anchor Positioning, and More

Written by: Daniel Schwarz

The old (testing in Safari when you don’t have Safari), the new (::checkmark), the in-between (anchor positioning but with HTML), and more.

Continue reading "What’s !important #12: Safari Testing, ::checkmark, HTML Anchor Positioning, and More" at CSS-Tricks

Quick Hit #141

Written by: Daniel Schwarz

Take the State of CSS 2026 survey!

Continue reading "Quick Hit #141" at CSS-Tricks

Revealing Text With CSS letter-spacing

Written by: Preethi

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

Quick Hit #140

Written by: Daniel Schwarz

Chrome 151 will finally ship the autocorrect attribute, making it Baseline after 17 years.

Continue reading "Quick Hit #140" at CSS-Tricks

Technical Writing in the AI Age

Written by: Geoff Graham

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

Cross-Document View Transitions: Scaling Across Hundreds of Elements

Written by: Durgesh Rajubhai Pawar

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.

Continue reading "Cross-Document View Transitions: Scaling Across Hundreds of Elements" at CSS-Tricks

Quick Hit #139

Written by: Daniel Schwarz

Chrome 150 will ship text-fit, which determines how text scales to fit on a line.

Continue reading "Quick Hit #139" at CSS-Tricks