The Webflow Mastery Course

Course
106 Lessons

Buy now

Introduction

Getting Started.mp4

How to Use this Course.mp4

Basics

The Dashboard.mp4

Designer Overview.mp4

Style Panel.mp4

Responsive Menu.mp4

Structure

Sections, Containers & Divs.mp4

V and H Flex.mp4

Foundational Elements

Typography Elements 101.mp4

Typography Settings.mp4

Lists.mp4

Buttons & Links Blocks.mp4

Images 101.mp4

Video 101.mp4

Colors & Gradients.mp4

Comments 101.mp4

How to Share or Publish a Site.mp4

Backgrounds.mp4

Borders.mp4

Effects.mp4

Find Anything.mp4

Essential Keyboard Shortcuts.mp4

Layout

Classes 101.mp4

Combo Classes.mp4

Block.mp4

Flexbox 101.mp4

Grids.mp4

Margin and Padding.mp4

Max and Min Width & Height.mp4

Overflow.mp4

Position - Static, Relative, Absolute, Fixed, Sticky.mp4

Quick Stack.mp4

Libraries.mp4

Advanced Components

Nav Menu.mp4

Lightbox.mp4

Slider.mp4

Tabs.mp4

Code Embeds & Blocks.mp4

Native Audits.mp4

Modular Systems

Components 101.mp4

When to use Components.mp4

Variables 101.mp4

Style Selector.mp4

Assets Panel.mp4

Interactions

Interactions 101.mov

Page Trigger - Live Example.mp4

Element Trigger - Live Example.mp4

Tap & Hover Triggers.mp4

States - Hover, Pressed, Focused and more.mp4

GSAP 101.mp4

Settings

General Settings.mp4

Site Access & Publishing.mp4

Recommended Domain Registrars.mp4

Billing & Plans.mp4

SEO & Site Usage.mp4

Forms and Libraries.mp4

Fonts and Backups.mp4

Apps, Integrations & Custom Code.mp4

CMS

Intro to CMS.mp4

CMS Collection Overview.mp4

Create a CMS Collection.mp4

CMS Live Demo.mov

CMS Collections Analysis.mov

AI

Chat GPT for Webflow.mp4

Chat GPT - Live Session.mp4

AI Wireframes.mov

Pre Launch Checklist

Pre Launch Checklist.mp4

Client First Style System

Style Systems 101.mp4

Classes.mp4

Page Structure.mp4

REMs & Stacking.mp4

Typography.mp4

Useful Utilities.mp4

Finsweet Extension.mp4

Spacing.mp4

Let’s Build a Website

Navbar & Preliminary Setup.mp4

Setup and Feature progress.mp4

Hero structure.mp4

Adding Details to the Hero.mp4

Hero Progress & Testimonials.mp4

Features section.mp4

Features Details.mp4

Product section.mp4

Feature + Pricing.mp4

Pricing Progress.mp4

Pricing & Responsiveness.mp4

Footer - Part 1.mp4

Footer - Part 2.mp4

Final Adjustments.mp4

Webflow Third-Party Apps

Figma to Webflow.mp4

Better Shadows.mp4

Optily.mp4

Learning From Greatness

Agency Website Review.mp4

SaaS Website Review.mov

Tech Website Review.mp4

Ecommerce Site Review.mp4

Essential Resources

Should you learn to code.mp4

Accessibility 101.mov

Best Template Marketplaces.mp4

Where to Find Web Design Inspirations.mp4

Components Library vs Pre-Built Template.mp4

Help & Support Groups.mp4

Localization.mp4

Automation Tools.mp4

Advanced Image Compression.mp4

My Web Design Workflow.mp4