For many of us, July is the epitome of summer. The time for spending every free minute outside to enjoy the sun and those seemingly endless summer days, whether it’s in a nearby park, by a lake, or on a trip exploring new places. So why not bring a bit of that summer joy to […]
Never Stop Exploring (July 2025 Wallpapers Edition) Read More »
Designers, your gorgeous layout might be silently sabotaging your site—**if it shifts mid-scroll, it’s not elegant, it’s broken.** CLS isn’t just a dev metric—it’s the UX red flag your users feel *before* they bounce.
CLS Is the New Page Speed: Why Designers Need to Care More Than Developers Read More »
Blob, Blob, Blob. You hate them. You love them. Personally, as a design illiterate, I like to overuse them… a lot. And when you repeat the same process over and over again, it’s only a question of how much you can optimize it, or in this case, what’s the easiest way to create blobs in
Hero images are the web’s prettiest dead weight—slow, vague, and visually overused. It’s time to stop decorating your homepage and start saying something that actually matters.
Stop Using Hero Images! They’re Killing Your UX Read More »
KelpUI is new library that Chris Ferdinandi is developing, designed to leverage newer CSS features and Web Components. I’ve enjoyed following Chris as he’s published an ongoing series of articles detailing his thought process behind the library, getting deep into his approach. You really get a clear picture of his strategy and I love it.
Chrome 137 shipped the if() CSS function, so it’s totally possible we’ll see other browsers implement it, though it’s tough to know exactly when. Whatever the case, if() enables us to use values conditionally, which we can already do with queries and other functions (e.g., media queries and the light-dark() function), so I’m sure you’re
Poking at the CSS if() Function a Little More: Conditional Color Theming Read More »
Tired of watching the loading spinner do its little dance of despair? This brutally honest breakup letter to everyone’s least favorite UI element calls out the lies, the stalling, and the silent screams behind every infinite loop. If you’ve ever stared at a spinning circle and questioned your life choices, this one’s for you.
Dear Loading Spinner, We Need to Talk Read More »
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 »
