Caden ChenBuild a Simple Login System with React and MySQLAfter spending a year as a frontend developer and designer, I figured it was time to dive into the backend side of web development. So, to…May 20May 20
Caden CheninThe PythoneersGenerate a Custom Business Contract in Just 10 Seconds with This Python ScriptAre you a business owner or freelancer who frequently needs to draft business contracts? If you find editing them tedious and are looking…May 14May 14
Caden CheninTowards DevMastering the Art of Fixed Background Scrolling in React with Tailwind CSSIn the world of web design, a fixed background — or “parallax” background — refers to a visual effect where the background image of a…May 7May 7
Caden ChenAnimating Like Apple: Using React and Framer-Motion to Code Complex Animations for Web InterfacesThis article is a continuation of Animating Like Apple: Using Figma and Jitter to Design Complex Animations for Web Interfaces. We will…May 11May 11
Caden ChenAnimating Like Apple: Using Figma and Jitter to Design Complex Animations for Web InterfacesRecently, a client expressed his admiration for the new Apple iPhone 15 website and requested that I design his landing page in a similar…Apr 281Apr 281
Caden ChenHow to Easily Create an Animated Counter Loading Screen with React-SpringRecently, I came across a package that animates a counting sequence in React. I thought to myself that it would be a perfect fit for a…Apr 16Apr 16
Caden ChenAnimating a Mobile Navigation Bar with Framer Motion: A Step-by-Step GuideI saw a YouTube video by Diego Cabrera where he demonstrated a stagger animation on a dropdown menu for a mobile navbar. Since I already…Apr 15Apr 15