Resolved: CSS Class Prefix Selector | CSS-Tricks
CSS-Tricksby Geoff Graham3d ago
Just looking at what Bramus shared the other day: /* Adding a base class */ .btn { padding: 0.5rem 1rem; border-radius: 4px; } /* Listing everything... yuck!
CSS-Tricks
css-tricks.comadded August 2026
top 26%CSS Navigation Matching, Early Days | CSS-Tricks
CSS-Tricksby Geoff Graham5d ago
Really like the intent here. Apply a style when someone navigates from one specific page to another.
Dark mode toggles: two states are enough | CSS-Tricks
CSS-Tricksby Geoff Graham7d ago
Exactly the kind of nerdy UI/UX discussion I love: Lea’s pushing back on light/dark mode implementations that display three state options for visitors: - Light - Dark - System (core of the debate)...
What’s !important #17: Custom Highlight API, CSS Navigation Matching, Fixing text-stroke, and More | CSS-Tricks
CSS-Tricksby Daniel Schwarz10d ago
Plus, how to style skeleton UIs, how to enable diagonal scrolling, how images can overflow themselves, and yet, still more. Basically, how to do a lot of really cool (CSS) stuff.
Blocked aria-hidden: The Warning is Right, and Every Fix You've Found is Wrong | CSS-Tricks
CSS-Tricksby Durgesh Rajubhai Pawar12d ago
You closed a dialog and the console went that particular shade of angry mustard. You highlighted the message, dropped it into a search box, and it spat you out here along with half the front-end...
Animating CSS border-image | CSS-Tricks
CSS-Tricksby Preethi14d ago
The CSS border-image property is one of those features we take for granted. And it’s not new at all!
Using and Styling the Dialog Element | CSS-Tricks
CSS-Tricksby Geoff Graham17d ago
Wasn’t it great — nay, amazing – the day we got a native HTML <dialog> element? It’s, what now, nearly ten years old?
2026 State of CSS, Devs Surveys | CSS-Tricks
CSS-Tricksby Geoff Graham18d ago
Two things: - The 2026 State of CSS survey results are out - The 2026 State of Devs survey is open The State of CSS is obviously one I’m always stoked to see.
Gap Decorations Are Now Available, Here’s What’s New | CSS-Tricks
CSS-Tricksby Sam Davis Omekarajr21d ago
For a long time now, web developers have had to use border and pseudo-element hacks to style the gaps between the items of layouts like grid and flexbox.
Get Ready For the Powerful CSS border-shape Property! | CSS-Tricks
CSS-Tricksby Temani Afif24d ago
So, we recently got the new shape() function (now Baseline!) as well as the corner-shape property. What else could we possibly need as far as making shapes in CSS?
What’s !important #16: sibling-index() Animations, Use Cases for the infinity Keyword, Container Stuck Queries, and More | CSS-Tricks
CSS-Tricksby Daniel Schwarz24d ago
In What’s !important #16, see how the soon-Baseline sibling-index() function can be used for animations, revisit the 2026 FIFA World Cup with CSS, explore the use cases for the infinity keyword...
writing-mode | CSS-Tricks
CSS-Tricksby Mojtaba Seyedi21 Jul 2026
The writing-mode CSS property sets whether lines of text are laid out horizontally or vertically, and the direction in which blocks and lines progress.
pointer-events | CSS-Tricks
CSS-Tricksby Mojtaba Seyedi15 Jul 2026
The pointer-events property controls whether an element can become the target of pointer events like clicks, hover states, and other pointer-based events.
What’s !important #15: Boundary-aware CSS, Time-based CSS, Full-bleed CSS, and More | CSS-Tricks
CSS-Tricksby Daniel Schwarz14 Jul 2026
Similar to last time, What’s !important #15 is pretty stacked — read all about boundary-aware CSS, making grid lanes accessible, creating time-based web designs, fixing full-bleed CSS, improving...