A few years ago, my mum, who is in her 80s and not tech-savvy, almost got scammed. She received an email from what appeared to be her bank. It looked convincing, with a professional logo, clean formatting, and no obvious typos. The message said there was a suspicious charge on her account and presented a […]
Can Good UX Protect Older Users From Digital Scams? Read More »
We’ve known it for a few weeks now, but the CSS if() function officially shipped in Chrome 137 version. It’s really fast development for a feature that the CSSWG resolved to add less than a year ago. We can typically expect this sort of thing — especially one that is unlike anything we currently have
Lightly Poking at the CSS if() Function in Chrome 137 Read More »
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 »
