Best build strategies when using Webflow
- Author
- Ben Parker, Lacey Kesler, Matt Varughese
- Published
- Thu 17 Sep 2020
- Episode Link
- https://visualdev.fm
- 0:22 - Episode begins
- 1:09 - Webflow announced the Webflow World Tour Winners
- 1:19 - Business or E-Commerce Prototype: Zoom Prototype by Sarkis Buniatyan
- 1:41 - Best Enterprise Solution: Webflow Haypi by Finsweet
- 5:25 - Best Integration or Add-on: Vivek Shukla
- 5:56 - Best Social Impact Project: STEAMCycle
- 6:10 - Best Portfolio or Side Project: The Mountaineer by Amit Patel
- 6:25 - Best Cloned Project or Use of a Pre-built Template: Shariar Azad Evan
- 7:23 - Webflow Update: Control font display settings for faster loading
- 8:25 - Built-in text accessibility contrast checker
- 9:54 - Cat Noone of Stark (Listen to our episode with her)
- 10:57 - Webflow listed as one of the top 100 private cloud companies
- 11:30 - Glide Update: Glide released another course on building your own custom tasks
- 12:00 - Glide also released the ability to release your own personal app
- 12:44 - Adalo had a “Make a Clone” challenge
- 13:47 - Adalo’s Two-Minute Tuesday for the Stopwatch component + Lottie component
- 14:00 - Minimum Studio
- 14:28 - Airtable raises $185M and releases 3 huge new features
- 14:52 - Airtable Automations
- 15:44 - Airtable Apps
- 16:12 - Airtable Sync
- 22:00 - Outseta
- 23:00 - Stacker has been funded!
- 25:05 - IFTTT Pro has arrived
- 26:08 - Notion’s API is coming! They’re hiring a Dev Advocate
- 26:27 - Notion’s security flaw
- 28:21 - Integromat responded to Matt’s comment re: Support
- 28:49 - Parabola
- 33:38 - EPISODE: Best Build Strategies for Webflow
- 35:30 - Style Guide
- 36:40 - Wireframing
- 37:15 - Understanding what content you’re going to use before you start
- 38:00 - Sticky notes + building your CMS
- 39:00 - What are the end goals?
- 49:50 - Components + CMS
- 52:00 - Styling responsively
- 53:00 - Using swatches
- 54:11 - Biggest mistakes we made
- 56:20 - Font optimization
- 57:16 - Webflow Interactions
- 57:45 - Dialing in your testing
- 58:05 - Adding internal scripts
- 58:16 - Fathom Analytics
- 58:30 - Calling different JS libraries
- 58:44 - Ben’s pro-tip: Preventing a video from loading on mobile using JS
- 59:45 - Lazy Load (A Webflow default now)
- 1:00:08 - Webflow University
- 1:02:00 - Image Optimizations (TinyPNG, Squoosh App, etc.)
- 1:02:55 - Use SVGs when you can
- 1:03:37 - Use thumbnails when possible in the CMS
- 1:04:00 - Avoid icon fonts
- 1:04:40 - Clean up unused styles
- 1:04:58 - Quick Find (CMD + K or CMD + E)
- 1:05:15 - Webflow 15-sec tutorial on Quick Find
