The stretch keyword, which you can use with width and height (as well as min-width, max-width, min-height, and max-height, of course), was shipped in Chromium web browsers back in June 2025. But the value is actually a unification of the non-standard -webkit-fill-available and -moz-available values, the latter of which has been available to use in […]
We Completely Missed width/height: stretch Read More »
Most designers build for the “happy path”—but real users live in the chaos. From screen readers to emoji-only usernames, edge cases expose where your UX actually fails. If you’re ignoring the 1%, you’re not just missing users—you’re building exclusion into your product.
Designing for the 1%: Why Edge Cases Aren’t Optional Read More »
Complete setup guide for React and Next.js, covering both stable v3 and the new, faster v4 architecture. Includes component patterns & troubleshooting. Continue reading Tailwind CSS in React and Next.js: A Complete Setup Guide on SitePoint.
Tailwind CSS in React and Next.js: A Complete Setup Guide Read More »
One of our favorites, Andy Clarke, on the one thing keeping the CSS contrast-color() function from true glory: For my website design, I chose a dark blue background colour (#212E45) and light text (#d3d5da). This colour is off-white to soften the contrast between background and foreground colours, while maintaining a decent level for accessibility considerations.
The thing about contrast-color Read More »
Are sidebars the cargo shorts of web design—full of pockets no one uses? In an era of scroll-first UX and ruthless minimalism, it might be time to finally pull the plug. Here’s why killing your sidebar could actually save your site.
Is It Time to Kill the Sidebar? Read More »
Last time, I asked, “Why do so many long-form articles feel visually flat?” I explained that: “Images in long-form content can (and often should) do more than illustrate. They can shape how people navigate, engage with, and interpret what they’re reading. They help set the pace, influence how readers feel, and add character that words
Getting Creative With shape-outside Read More »
I’ve written quite a lot recently about how I prepare and optimise SVG code to use as static graphics or in animations. I love working with SVG, but there’s always been something about them that bugs me. To illustrate how I build adaptive SVGs, I’ve selected an episode of The Quick Draw McGraw Show called
Smashing Animations Part 5: Building Adaptive SVGs With “, “, And CSS Media Queries Read More »
Designers think the mockup is the product. Developers know the product lives in code. Until we kill the fantasy of the “handoff” and start building together from day one, we’re just shipping prettier silos with more emojis.
The Designer-Developer Handoff Is Still Broken — why? Read More »
Closed ecosystems like Apple’s are sleek, secure, and utterly addictive—but once you’re in, escaping feels impossible. They promise a seamless experience while quietly locking you into a world where Apple decides what you can use, buy, and access, leaving innovation and competition struggling to break through.
Are Closed Ecosystems Like Apple’s a Necessary Evil? Read More »
In Part 1 of this series, we explored the “lopsided horse” problem born from mockup-centric design and demonstrated how the seductive promise of vibe coding often leads to structural flaws. The main question remains: How might we close the gap between our design intent and a live prototype, so that we can iterate on real
Intent Prototyping: A Practical Guide To Building With Clarity (Part 2) Read More »
