In a previous article, I showed you how to refactor the Resize Observer API into something way simpler to use: // From this const observer = new ResizeObserver(observerFn) function observerFn (entries) { for (let entry of entries) { // Do something with each entry } } const element = document.querySelector(‘#some-element’) observer.observe(element); // To this const […]
A Better API for the Intersection and Mutation Observers Read More »
Reddit is considering using Sam Altman’s **eyeball-scanning Orb** to verify users—yes, your actual iris, for internet points. If this goes through, proving you’re human online might soon require biometric proof. Welcome to the internet’s weirdest identity crisis yet.
Reddit may soon ask: “Mind if I scan your eye? Read More »
In the first part of decoding the SVG path pair, we mostly dealt with converting things from semantic tags (line, polyline, polygon) into the path command syntax, but the path element didn’t really offer us any new shape options. This will change in this article as we’re learning how to draw curves and arcs, which
Decoding The SVG path Element: Curve And Arc Commands Read More »
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 »
