Autoplay
Autocomplete
HTML5
Flash
Player
Speed
Previous Lecture
Complete and continue
Webflow Masterclass
Getting Started With Webflow
Welcome to the masterclass (0:58)
Webflow VS other platforms (4:08)
Basic HTML / CSS concepts (10:36)
Simple site with Webflow demo (26:38)
Layout Basics (6:36)
Interactions Basics (3:34)
Responsive Websites (The "Mobile Version") (4:35)
Basic Webflow Components (7:04)
Using Symbols (2:13)
Structuring & Styling Principles
Styling principles (13:26)
How to structure websites efficiently (5:17)
Advanced layout: Flexbox (6:15)
Columns with Grid VS Flexbox (9:12)
Advanced layout: Positioning (6:57)
Process Examples
Sketch to Webflow: Building a company one-pager (real client example) (88:51)
Custom Layout Restaurant Website: Building momofuku Website in 37 Minutes (37:19)
Content Management System - CMS
Understanding the CMS (6:56)
How to use the CMS (Step by Step) (27:38)
Adding editors (1:22)
Current CMS limitations & workarounds (4:02)
Finalising & Delivering Websites
The process of delivering (4:45)
Setting Up SEO (3:18)
Setting Up Forms (3:44)
Setting Up Analytics (0:35)
Social Sharing (Social Graph) (1:56)
Transferring Websites To Clients (2:18)
Connecting your website a domain (7:34)
CMS training for clients (2:29)
Exporting to WordPress with Udesly (6:22)
Selling Webflow to clients
Understanding your clients needs (1:11)
How Webflow is different (and better) then WordPress (6:47)
Handling privacy / GDPR issues (1:47)
Can we trust Webflow? (1:14)
Pricing Webflow websites (3:01)
When not to sell (1:58)
The perfect Webflow website proposal (5:10)
Advanced Interactions
Understanding Interactions (2:09)
Creating Popups (9:25)
Reveal on scroll (2:27)
Horizontal scroll effect (8:17)
Unconventional Menu (9:10)
Conditional Visibility (Advanced Dynamic Content) (3:53)
Advanced Webflow Usecases
Bi-lingual Websites (4:19)
Awesome effects with custom code (6:12)
Building Product UI with Webflow (1:52)
Complete Client Website Build (Advanced)
Project Plan (4:02)
Project Setup & Fonts (1:48)
Creating The Style Guide (8:19)
Setting up the CMS & dummy content (6:11)
Building The Homepage (106:04)
Mobile Responsivness (23:14)
CMS Item Page (25:29)
Bio Collection Page (12:16)
About Page (33:51)
Experiences Page (14:03)
Product Page (30:42)
Search Results Page (14:09)
Interactions (20:02)
Last Setups (3:44)
Recording Client Training (6:55)
Conclusion & What's next
What's next? (2:26)
Last Setups
Lecture content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock