Beyond Alt Texts: How AI can Help Solve the "Cognitive Gap" in Modern UXLast year during Google's Built-In AI hackathon, I built an experimental Chrome extension called Clarity Lens. The product was inspired by thinking about the 'hidden 16%', the portion of the world's pJun 2, 2026·3 min read
The 100ms ruleIt takes about 100 milliseconds to blink and in the digital world, this time frame is critical! It's the absolute limit. When an interaction takes longer than 100ms, the average user loses the sensation of "feeling instant" and feels a noticeable lag...Oct 23, 2025·2 min read·49
Why That Button Color Feels Right: The Pyschology of Color on InterfacesThe more I work on interfaces, the more I see how even slight shifts in color could change how I would want people to feel or behave. A deep blue can make an interface feel more immersive. A bright orange button can feel urgent, but sometimes, a litt...Jul 11, 2025·9 min read·12
10 useful CSS tools for Developers1. CSS layout generator: https://layout.bradwoods.io/ Useful for: Anyone who wants to level up their CSS layout skills (flexbox and grids) This website is all about helping developers get better at CSS layouts in a fun, hands-on way. It’s like a play...Feb 2, 2025·4 min read·54
Development Limitations That UI Designers Should Know AboutDid the Developers Stick to the Design?Jan 12, 2025·7 min read·71
Create a Loader with Infinite Movement using Framer MotionDifficulty: ⭐️ (1/5 stars) Setup/Prerequisites: React.js, TailwindCSS, Framer Motion Key Concepts: Using infinite animation in Framer Motion The Challenge Day 2 is a simple loader which shows infinite animation by bouncing. This animation is quite si...Nov 30, 2024·2 min read·313
Create an Animated Scaling Button using Framer Motion (Motion for React)Day 1/100 of my UI animation challengeNov 15, 2024·3 min read·114
