Caden CheninBootcampMoving Mesh Gradient Background with Stripe Mesh Gradient WebGL PackageRecently, I stumbled upon a website featuring an incredible mesh gradient background animation. It looked stunning and, surprisingly, had…Aug 27Aug 27
Caden CheninLevel Up CodingHow to Add a Mini Audio Player to Your Website with ReactThis is a niche topic, but recently I’ve been experimenting with audio players and decided to build a mini one. My goal was a simple…Jul 31Jul 31
Caden CheninJavaScript in Plain EnglishReal-Time Data Synchronization from Website Forms to Mobile Applications with React and FirebaseAs a developer building websites for various sales personnel, I always strive to provide better user interfaces for my clients. One of my…Jul 30Jul 30
Caden CheninBootcampThe Go-To Guide for Custom Fonts with React and Tailwind CSSAs a front-end developer, I often face requests from clients or designers to use specific fonts to match their brand identity or design…Jul 25Jul 25
Caden CheninBootcampImplementing Custom Cursors in ReactAs a front-end developer, there will be times when design drafts or clients require you to implement a custom cursor for a website.Jul 24Jul 24
Caden CheninJavaScript in Plain EnglishSetting Up a Quick and Sleek Preloader Component with React and LDRSSometimes, you might want to enhance your website by adding a quick preloader or loading page. This feature can significantly improve the…Jul 19Jul 19
Caden CheninJavaScript in Plain EnglishEnhance Your Website with Fast and Engaging Lottie AnimationsAs a front-end developer, there are moments when you need to create a website quickly, whether due to tight deadlines or budget…Jul 18Jul 18
Caden CheninBootcampBringing Life to Your Website with Moving Mesh Gradient BackgroundsI received feedbacks that this method of animating mesh gradients can cause high performance issues. So, I came up with another approach…Jun 263Jun 263