CSS-Tricks has a new owner! đź”—
Yes, I've got the keys to the castle, so to speak. And, even after 12 years of working on the site, I'll admit I'm a little overwhelmed and nervous ab [...]
CSS-Tricks
Posts
Let’s Use the Emergent CSS random() Function in all the Browsers 🔗
The journey to create a polyfill for the upcoming CSS random() function that works in all browsers. Let’s Use the Emergent CSS random() Function in al [...]
What’s !important #18: <geolocation>, Syntax ::highlight()ing, named-feature(), and More 🔗
Well, that’s a wrap. No, not a flex-wrap, but rather today marks a new day, week, month, season, aaaand new edition of What’s important (#18), bringin [...]
Creating Web Widgets Using the Document Picture-in-Picture API đź”—
The general idea is that we create a Document Picture-in-Picture window (DPIP window), and then we put HTML, CSS, and JavaScript into it. Creating Web [...]
animation-trigger đź”—
The CSS animation-trigger property allows you to delay the start of a CSS animation until a specific trigger occurs. animation-trigger originally hand [...]
MicroLighter: Syntax Highlighter đź”—
Syntax highlighting for code blocks without the complicated markup, spans, classes, and bloated JavaScript, courtesy of Uncle Dave. MicroLighter: Synt [...]
WordPress PHP-Only Block Registration đź”—
Seven and half years after blocks arrived in Core, WordPress introduces a way to build blocks without React annd build pipelines. All you need is PHP. [...]
Resolved: CSS Class Prefix Selector đź”—
A newly resolved proposal would allow us to select classes that are a prefix for variations with a wildcard, like .prefix-*. Resolved: CSS Class Prefi [...]
CSS Navigation Matching, Early Days đź”—
Apply a style when someone navigates from one specific page to another. The idea being it'd make the sources for cross-document view transitions decla [...]
WordPress.com Student Plan đź”—
As someone who teaches beginning web development, I find that building a WordPress site makes for a great final project. Hosting those projects has al [...]
Dark mode toggles: two states are enough đź”—
Lea's pushing back on light/dark mode implementations that display three state options for visitors: light, dark, and system. Dark mode toggles: two s [...]
What’s !important #17: Custom Highlight API, CSS Navigation Matching, Fixing text-stroke, and More 🔗
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 [...]
Blocked aria-hidden: The Warning is Right, and Every Fix You’ve Found is Wrong 🔗
The warning is correct. And the recommended fixes you've probably seen are wrong. Here's what you can do instead to properly fix the issue. Blocked ar [...]
Animating CSS border-image đź”—
Border images are an overlooked feature. One neat fact is that border image slices can run across entire borders on an element, and animating it creat [...]
SmashingConf Freiburg 2026, September 7-10 đź”—
Smashing Magazine’s in-person conferences are back and returning to the wonderful city of Freiburg next month, September 7–10. SmashingConf Freiburg 2 [...]