That’s AI? Intelligence in Everyday InterfacesIf you've used Youtube long enough, you'd realize it gradually became better in understanding your needs. I'm sure you can relate to this - you think of something, next thing, you open Youtube and it's being advertised, or you come across it on your ...Jan 3, 2026·3 min read·11
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·8
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·307
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
Building SOLID React AppsIntroduction SOLID is a set of object-oriented design principles. These principles establish practices for developing classes in object-oriented programming. The SOLID principles aims to serve one purpose which is to create reusable, maintainable, f...May 28, 2024·4 min read·36
