Similar to [last time](https://css-tricks.com/whats-important-14/), What’s !important 15 is pretty stacked — read all about boundary-aware CSS, making grid lanes accessible, creating time-based web...

I know you’re busy, so for What’s !important 14 , I’ll be sprinting through what’s been a stacked couple of weeks despite few browser updates. From CSS Quake to CSS Gap Decorations, this isn’t one ...

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), and more. Buckle up! Testing i...

> “I think I’m done with reality.” > > — [The Seventh Circle](https://music.youtube.com/watch?v=oVyZNLx46IA&si=9YtNpbZVCJiPZcp-) by Architects We’ve all, at some point, had the [thought](https://...

The CSS justify-self property aligns an individual element, overriding its parent container’s [justify-items](https://css-tricks.com/almanac/properties/j/justify-items/) value. ...

[Temani Afif recently did this exercise](https://css-tip.com/root-selectors/) and I thought I’d build off of it. Some of these are useful. Many of them are not. There’s a bird at the end! html ...

Despite what’s been a sleepy couple of weeks for new Web Platform Features, we have an issue of What’s !important that’s _prrrretty jam-packed_. The web community had a lot to say, it seems, so fas...

Interop 2026 is formally a thing. So, you know all of those wild, new CSS features we’re always poking at but always putting under a “lack of browser support” caveat? The Big Three — Blink (Chrome/...

If you’re following along, this is the third post in a series about the new CSS shape() function. We’ve learned how to draw lines and arcs and, in this third part, I will introduce the curve comman...

Ready for the second part? We are still exploring the shape() function, and more precisely, the arc command. I hope you took the time to digest [the first part](https://css-tricks.com/better-css-sh...

Creating CSS Shapes is a classic and one of my favorite exercise. Indeed, I have [one of the biggest collections of CSS Shapes](https://css-shape.com/) from where you can easily copy the code of an...

[In the last article](https://css-tricks.com/a-css-only-star-rating-component-and-more-part-1/), we created a CSS-only star rating component using the CSS mask and border-image properties, as well ...

Creating a star rating component is a classic exercise in web development. It has been [done](https://css-tricks.com/star-ratings/) and [re-done](https://css-tricks.com/five-methods-for-five-star-r...

CSS gradients have been so long that there’s no need to rehash [what they are and how to use them](https://css-tricks.com/a-complete-guide-to-css-gradients/). You have surely encountered them at so...