So we want to set up a new design system for your product. How do we get it up and running from scratch? Do we start with key stakeholders, UI audits, or naming conventions? And what are some of the critical conversations we need to have early to avoid problems down the line? Fortunately, there […]
Design System In 90 Days Read More »
Some weekend reading on the heels of Global Accessibility Awareness Day (GAADM), which took place yesterday. The Email Markup Consortium (EMC) released its 2025 study on the accessibility in HTML emails, and the TL;DR is not totally dissimilar from what we heard from WebAIM’s annual web report: This is the third full year for this
HTML Email Accessibility Report 2025 Read More »
In my experience, most UX teams find themselves primarily implementing other people’s ideas rather than leading the conversation about user experience. This happens because stakeholders and decision-makers often lack a deep understanding of UX’s capabilities and potential. Without a clear UX strategy framework, professionals get relegated to a purely tactical role — wireframing and testing
Building A Practical UX Strategy Framework Read More »
Explore the fundamentals of Node.js streams for efficient I/O operations. Learn how readable, writable, and transform streams work with practical examples of data handling, piping, and backpressure management in this comprehensive guide. Continue reading The Basics of Node.js Streams on SitePoint.
The Basics of Node.js Streams Read More »
Wix just dropped **Wixel**, a bold new AI-powered design platform that claims anyone can create studio-quality visuals in minutes. It’s like Canva, Photoshop, and ChatGPT had a baby… but is it brilliant or just another template machine? The design world is watching—*should you be too?*
Wix releases Wixel: The AI Design Tool That Wants to Do It All (But Can It?) Read More »
I was reflecting on what I learned about CSS Carousels recently. There’s a lot they can do right out of the box (and some things they don’t) once you define a scroll container and hide the overflow. Hey, isn’t there another fairly new CSS feature that works with scroll regions? Oh yes, that’s Scroll-Driven Animations.
Scroll-Driven Animations Inside a CSS Carousel Read More »
What do the Suez Canal, the Roman Goddess Libertas, and ancient Egyptian sculptures have in common? The Statue of Liberty. Surprising? Sure, but the connections make sense when you know the story as recounted by Columbia University psychologist Sheena Iyengar on a recent episode of Hidden Brain. The French artist Frédéric Bartholdi drew inspiration from
Fewer Ideas: An Unconventional Approach To Creativity Read More »
I recently rebuilt my portfolio (johnrhea.com). After days and days of troubleshooting and fixing little problems on my local laptop, I uploaded my shiny new portfolio to the server — and triumphantly watched it not work at all… The browser parses and runs JavaScript, right? Maybe Chrome will handle something a little different from Firefox,
This Isn’t Supposed to Happen: Troubleshooting the Impossible Read More »
Despite keyframes and scroll-driven events, CSS animations have remained relatively rudimentary. As I wrote in Part 1, they remind me of the 1960s Hanna-Barbera animated series I grew up watching on TV. Shows like Dastardly and Muttley in Their Flying Machines, Scooby-Doo, The Perils of Penelope Pitstop, Wacky Races, and, of course, Yogi Bear. Mike
Smashing Animations Part 2: How CSS Masking Can Add An Extra Dimension Read More »
Feeling like you’re running out of creative steam? Don’t panic—here’s your ultimate guide to pretending you’re not just copying other designers. So, go ahead, steal like an artist and make it look like you’re breaking new ground. No one will know the difference—except you.
10 Ways to Pretend You’re Not Just Copying Other Designers Read More »
