Composable Scroll-Aware Edge Fades
A set of composable CSS utilities for creating dynamic, scroll-aware edge fades with smooth eased gradients.
UX Design
User experience design principles including usability testing, empathy-driven design, user-centered thinking, and interface design patterns.
Reading List
Blogging: The Art of Stating the Obvious
463
Blogging is the essential act of stating obvious truths that everyone sees but nobody else is talking about.
The Power of Radical Product Focus
159
Great products succeed by perfecting a few core features rather than attempting to include every possible function.
The Rise of AI Design Slop: Quantifying the Generic Web
330
A study of 500 Hacker News submissions quantifies the rise of 'AI design slop,' revealing that two-thirds of new projects rely on a predictable set of generic, AI-generated visual patterns.
Drunk CSS: An Empathy Nudge, Not Accessibility
A deliberately inaccessible “Drunk” CSS mode is an empathy nudge—not a substitute—for real accessibility testing with disabled users.
A Gallery Driving Mobile-First Web Design
385
A curated gallery to push designers toward truly mobile-first web design.
Designing NotebookLM: A Scalable 3‑Panel UI for AI‑Native Creation
295
NotebookLM proves that a dynamic, three‑panel, AI‑native UI—grounded in Inputs → Chat → Outputs—can unify reading, conversation, and creation while scaling fast through user‑driven iteration.
When to Use 'Your' vs 'My' in UI (and When to Drop Both)
529
Use 'your' when the product talks, 'my' when the user talks—and drop pronouns when you can.
Mobile MoleCheck: Swipe to Flag Lesion Concern
429
A mobile-optimized app lets you swipe to label skin lesion images as concerned, not concerned, or unsure.
Animate with Purpose—or Not at All
546
Animate only when it helps—and keep it fast; otherwise, don’t animate.