Published inBootcamp·PinnedBoost Your Webflow Site Performance with Advanced Lazy Loading and Blurred Image PlaceholdersImplementing Advanced Lazy Loading with Blurred Placeholders in Webflow Step 1: Generate Blurred Images Use a tool like BlurHash or any other service to create low-resolution, blurred versions of all your images. Step 2: Add Blurred Images and HTML Code to Webflow For each image on your site, do the following: In your Webflow Designer, select the Add Elements panel (the “+” icon on the left sidebar).Webflow2 min readWebflow2 min read
Published inBootcamp·PinnedWebflow Magic: Effortlessly Fetch & Display API DataAs of today, Webflow has a new feature called Logic. With Webflow Logic, you can construct and perform automated workflows (also known as “flows”) that collect and route sales leads, connect with your customers, manage your site content, and more — all from within the Webflow Designer. However, a simple…Webflow2 min readWebflow2 min read
Published inBootcamp·PinnedWhich screen size does your UI design need?Your fancy iPhone 12 Pro Max might not be used by your user, so what screen do we need to design for? — Android or iOS Is your app gonna be on both platforms or only available on one side? each platform both iOS from Apple and Android from Google have their own Design Language that you may need to look up into, but there's no one can tell you to use tabs…UI Design3 min readUI Design3 min read
Mar 13Embed SVG icon in Webflow and dynamically change colorAnother quick trick for Webflow Manually uploading SVG icons to Webflow can be frustrating if you are still doing design iterations. Here’s a quick trick to solve that workflow: Webflow support HTML embed, and you can embed SVG code in it Copy as SVG from Figma and straight paste to embed element in Webflow Edit the color fill to (CurrentColor) in the SVG code to match what font color in the parent CSS classWebflow2 min readWebflow2 min read
Published inBootcamp·Mar 10Create simple custom code for a downloadable calendar event .ics in WebflowSince Webflow doesn’t allow uploading custom asset files such as .ics or calendar events here’s a simple way to do it with a bit of custom code 1. Add Embed blockWebflow2 min readWebflow2 min read
Jan 25, 2021How to be an average employee and not get awarded every single yearGet awarded for productivity of course it’s a good thing. but somehow many company and startup right now brags overwork/overtime as a key for them to give award or bonuses So… for u who working on that company here’s the list that u can do to be an average…Work Life Balance1 min readWork Life Balance1 min read
May 7, 2020Dear designer, Cloud should be your primary storage2016 to 2019 cloud computing and storage is really growing, some company even introduce cloud gaming like Google Stadia, Playstation now, or Shadow and even streaming platform are huge. …Design3 min readDesign3 min read
Published inUX Collective·Jan 5, 2020Member-onlyHow to boost your Lottie animation workflowYour UI design isn’t a Disney movie with full all-around animation — but that doesn’t mean you can’t use Disney magic, right? — If you work on UI/UX design, you may hear a lot about micro-interaction, icon animation, onboarding screen, loader, etc. This type of animation is like Disney magic that helps your app look more alive and feel fluid. …Animation5 min readAnimation5 min read
