Ultimate web design course

More than 100 of our free web design tutorial videos in one comprehensive course, from basic web concepts for beginners to the most Webflow-specific how-tos.

Ultimate web design course

More than 100 of our free web design tutorial videos in one comprehensive course, from basic web concepts for beginners to the most Webflow-specific how-tos.

118
 Video Lessons
Intermediate — Advanced
5hr 10min

About this course

Everything you've ever wanted to know to get started with Webflow including basic web concepts. More than 100 videos from our education library in a single stream means that by the time you finish this course, you'll be able to build some pretty amazing stuff.

Requirements

  • Free (or premium) Webflow account — sign up
  • Chrome or Safari browser

Course outline

INTRO

Coming soon!

New

Intro to the Designer

Coming soon!

New

2:48

Intro to HTML & CSS

Coming soon!

New

3:38

HTML Structure

Coming soon!

New

1:55

WEB STRUCTURE

Coming soon!

New

The Box Model

Coming soon!

New

1:54

Element Hierarchy

Coming soon!

New

3:57

Navigator Panel

Coming soon!

New

2:45

ELEMENTS

Coming soon!

New

Element Panel

Coming soon!

New

1:49

Section

Coming soon!

New

4:14

Container

Coming soon!

New

2:44

Columns

Coming soon!

New

2:22

Div block

Coming soon!

New

3:37

Buttons & Links

Coming soon!

New

Button

Coming soon!

New

14:08

Link Block

Coming soon!

New

9:35

Text Link

Coming soon!

New

1:16

Typography

Coming soon!

New

3:20

Heading

Coming soon!

New

2:02

Paragraph

Coming soon!

New

4:42

Rich Text

Coming soon!

New

3:52

Text Block

Coming soon!

New

0:56

Block Quote

Coming soon!

New

0:42

List

Coming soon!

New

2:31

Media

Coming soon!

New

Image

Coming soon!

New

3:39

Image File Types

Coming soon!

New

2:22

Image Resolution

Coming soon!

New

3:28

Assets Panel

Coming soon!

New

3:08

Video

Coming soon!

New

1:20

Background Video

Coming soon!

New

3:15

Components

Coming soon!

New

Intro to Forms

Coming soon!

New

4:55

Styling Forms

Coming soon!

New

2:55

Navbar

Coming soon!

New

9:38

Styling a Navbar

Coming soon!

New

4:34

Navbar Menu Button

Coming soon!

New

4:51

Slider

Coming soon!

New

4:56

Tabs

Coming soon!

New

4:38

Lightbox

Coming soon!

New

3:44

Map

Coming soon!

New

2:58

Dropdown

Coming soon!

New

4:38

Social Media Buttons

Coming soon!

New

2:49

Custom Code Embed

Coming soon!

New

1:24

Symbols

Coming soon!

New

3:47

Styling Basics

Coming soon!

New

Intro to Style Panel

Coming soon!

New

3:15

HTML Tags

Coming soon!

New

3:59

Classes

Coming soon!

New

2:46

Combo Classes

Coming soon!

New

4:05

Text Style Inheritance

Coming soon!

New

3:18

Style Manager

Coming soon!

New

1:56

States

Coming soon!

New

2:47

Transitions

Coming soon!

New

2:40

Color Picker & Swatches

Coming soon!

New

3:51

Color Values

Coming soon!

New

3:22

Layout Basics

Coming soon!

New

Intro to Web Layout

Coming soon!

New

2:27

Display Settings

Coming soon!

New

2:54

Padding & Margin

Coming soon!

New

2:48

Width & Height Units

Coming soon!

New

3:59

Floats & Clears

Coming soon!

New

1:52

Flexbox & Grid

Coming soon!

New

Intro to Flexbox

Coming soon!

New

2:27

Centering elements with Flexbox

Coming soon!

New

1:20

Equal height layouts with Flexbox

Coming soon!

New

1:47

Grid layouts overview

Coming soon!

New

4:18

Flexbox vs. Grid

Coming soon!

New

4:00

Advanced Layout

Coming soon!

New

Positioning Overview

Coming soon!

New

1:48

Relative Positioning

Coming soon!

New

1:43

Absolute Positioning

Coming soon!

New

1:43

Fixed Positioning

Coming soon!

New

1:27

Z-Index

Coming soon!

New

1:49

Overflow

Coming soon!

New

1:49

Styling Typography

Coming soon!

New

Intro to Web Typography

Coming soon!

New

3:20

Typography Units

Coming soon!

New

2:43

Line Height

Coming soon!

New

1:38

Advanced Typography Styles

Coming soon!

New

3:01

Google Fonts

Coming soon!

New

1:18

Custom Fonts

Coming soon!

New

1:27

Text Shadow

Coming soon!

New

2:36

Background & Border Styles

Coming soon!

New

Background Styles Overview

Coming soon!

New

2:20

Background Image

Coming soon!

New

2:04

Background Gradient

Coming soon!

New

3:02

Border

Coming soon!

New

3:07

Border Radius

Coming soon!

New

3:22

Box Shadow

Coming soon!

New

3:34

3D Styles

Coming soon!

New

Intro to 3D

Coming soon!

New

2:25

3D Perspective

Coming soon!

New

4:01

2D & 3D Transforms

Coming soon!

New

4:53

EFFECTS

Coming soon!

New

Opacity

Coming soon!

New

1:44

Filters

Coming soon!

New

2:59

Cursors

Coming soon!

New

1:45

Responsive Design

Coming soon!

New

Intro to Responsive Design

2:21

Intro to Breakpoints

Styling Across Breakpoints

INTERACTIONS CORE CONCEPTS

Intro to Interactions

1:22

Triggers & animations

4:31

Interpolation, easing, & smoothing

2:58

CMS & Dynamic Content

Intro to Dynamic Content

1:36

Intro to Webflow CMS

2:02

CMS Collections

2:05

Importing Collection Items

1:48

Collection List

3:33

Collection Page

3:01

Modifying a Collection

2:05

Intro to the Editor

2:22

CMS Collection Fields

Plain Text Field

0:51

Rich Text Field

1:16

Image Field

1:24

Video Field

0:39

Email Field

0:47

Link Field

1:26

Number Field

1:27

Date/Time Field

1:38

Switch Field

0:58

Option Field

1:25

Color Field

0:38

Reference Field

1:11

Multi-reference Field

2:31

Advanced Dynamic Content

Filtering Collection Lists

2:47

Conditional Visibility

2:43

SEO

Intro to 301 Redirects

2:39

Google Site Verification

Setting up Google Analytics

1:56

Intro to Paid vs. Organic Search

1:34

118
 Video Lessons
Intermediate — Advanced
5hr 10min

Requirements

  • Free (or premium) Webflow account — sign up
  • Chrome or Safari browser

Get started

Lottie inspirations

Get started

Lottie inspirations