I have had the opportunity to edit over a lot of the new color entries coming to the CSS-Tricks Almanac. We’ve already published several with more on the way, including a complete guide on color functions: color() hsl() lab() lch() oklab() oklch() rgb() And I must admit: I didn’t know a lot about color in […]
Color Everything in CSS Read More »
Sustainable web design isn’t just a feel-good trend—it’s a necessity as bloated, inefficient sites contribute to massive energy waste. Cutting the fluff, optimizing performance, and rethinking design choices can create a web that’s not just greener, but also faster, smarter, and more user-friendly.
Sustainable Web Design: Saving the Planet or Just a Marketing Gimmick? Read More »
If you asked me a few months ago, “What does it take for a website to stand out?” I may have said fancy animations, creative layouts, cool interactions, and maybe just the general aesthetics, without pointing out something in particular. If you ask me now, after working on color for the better part of the
CSS Color Functions Read More »
CSS is wild, really wild. And tricky. But let’s talk specifically about specificity. When writing CSS, it’s close to impossible that you haven’t faced the frustration of styles not applying as expected — that’s specificity. You applied a style, it worked, and later, you try to override it with a different style and… nothing, it
CSS Cascade Layers Vs. BEM Vs. Utility Classes: Specificity Control Read More »
UX research can take so much of the guesswork out of the design process! But it’s easy to forget just how different people are and how their needs and preferences can vary. We can’t predict the needs of every user, but we shouldn’t expect different people using the product in roughly the same way. That’s
Meet Accessible UX Research, A Brand-New Smashing Book Read More »
The next evolution of web design isn’t about looks — it’s about knowing you better than you know yourself. Get ready for a future where websites don’t just personalize your experience — they profile your soul in real-time. Creepy? Absolutely. Unstoppable? Even more so.
Web Design Will Become the Art of Profiling the User Read More »
How do you keep up with new CSS features? Let’s say for example that, hypothetically speaking, you run a popular web development survey focused on CSS, and need to figure out what to include in this year’s edition. (In a total coincidence the aforementioned State of CSS survey for this year is actually open right now — go
How to Keep Up With New CSS Features Read More »
If you haven’t encountered ARIA before, great! It’s a chance to learn something new and exciting. If you have heard of ARIA before, this might help you better understand it or maybe even teach you something new! These are all things I wish someone had told me when I was getting started on my web
What I Wish Someone Told Me When I Was Getting Into ARIA Read More »
Resize Observer, Mutation Observer, and Intersection Observers are all good APIs that are more performant than their older counterparts: ResizeObserver is better than the resize event MutationObserver replaces the now deprecated Mutation Events IntersectionObserver lets you do certain scroll interactions with less performance overhead. The API for these three observers are quite similar (but they
A Better API for the Resize Observer Read More »
Another month, another roundup packed with design tools that use artificial intelligence features to supercharge your workflows.
Exciting New Tools for Designers, June 2025 Read More »
