Brian Haferkamp - Invidious

Brian Haferkamp

Welcome to my channel. I'm a front end web developer in Chicago. Don't forget to subscribe to get notified of new videos and announcements.

I just started a large-scale series called, Start with 1, that promises to teach you modern web development from the very beginning. No programming experience required! Check out the playlist: youtube.com/watch?v=bb5wgp6Bmhs&list=PLMklnyuK-t1F…

If you're looking for a complete website design tutorial, please check out the Mobirise Website Tutorial playlist. For even more, check out the Complete Website Builder Tutorial website at: websitetutorial.highwaywebconsulting.com.

I'm also active on Twitter (@brianhaferkamp)
twitter.com/BrianHaferkamp

View channel on YouTube

Switch Invidious Instance

Videos

newest

oldest

popular

50:04

Create a Hero Section with Animated Text

Brian Haferkamp

Shared 3 years ago

3.1K views

35:53

Intro to Container Queries in #CSS w/Example

Brian Haferkamp

Shared 4 years ago

412 views

20:31

Dynamic Style Guides | Web Development Basics in #Webflow

Brian Haferkamp

Shared 4 years ago

2.7K views

35:00

CSS Grid | Web Development Basics in #Webflow

Brian Haferkamp

Shared 4 years ago

385 views

20:11

CSS Backgrounds | Web Development Basics in #Webflow

Brian Haferkamp

Shared 4 years ago

1.4K views

21:21

CSS Positioning | Web Development Basics in #Webflow

Brian Haferkamp

Shared 4 years ago

346 views

41:00

Menus and Navigation | Web Development Basics in #Webflow

Brian Haferkamp

Shared 4 years ago

455 views

24:48

CSS Box Model | Web Development Basics in #Webflow

Brian Haferkamp

Shared 4 years ago

562 views

22:06

CSS Classes | Web Development Basics in #Webflow

Brian Haferkamp

Shared 4 years ago

314 views

11:36

IDs & Anchor Links | Web Development Basics in #Webflow

Brian Haferkamp

Shared 4 years ago

4.6K views

16:14

Semantic HTML5 Tags | Web Development Basics in #Webflow

Brian Haferkamp

Shared 4 years ago

1K views

32:07

Research | The Web Design Process

Brian Haferkamp

Shared 4 years ago

459 views

49:07

Create a Persistent Dark Mode for Your Website

Brian Haferkamp

Shared 4 years ago

1.3K views

1:11:02

Website Example Using Subgrid

Brian Haferkamp

Shared 5 years ago

630 views

58:00

Subgrid Changes Everything // CSS Grid Layout

Brian Haferkamp

Shared 5 years ago

910 views

32:08

Using Subgrid in CSS Grid

Brian Haferkamp

Shared 5 years ago

1.1K views

42:54

Sitemap | The Web Design Process

Brian Haferkamp

Shared 5 years ago

517 views

23:52

Initial Survey | The Web Design Process

Brian Haferkamp

Shared 5 years ago

292 views

44:23

What Do I Do with the Head Section?

Brian Haferkamp

Shared 5 years ago

235 views

56:12

How to Set Up a Web Page in 2020

Brian Haferkamp

Shared 5 years ago

388 views

40:46

Designing for Different Screen Views

Brian Haferkamp

Shared 5 years ago

252 views

32:12

Consistent Spacing in Your Website Designs

Brian Haferkamp

Shared 5 years ago

2.8K views

42:40

Web Design Lessons from Apple.com

Brian Haferkamp

Shared 5 years ago

1.4K views

22:45

Link to a Category Page in #Webflow

Brian Haferkamp

Shared 5 years ago

13K views

21:39

Add an Icon Font to #Mobirise

Brian Haferkamp

Shared 5 years ago

1.4K views

10:24

Control Overscrolling Using CSS

Brian Haferkamp

Shared 5 years ago

3.4K views

38:27

Build a Portfolio Website with #Mobirise

Brian Haferkamp

Shared 5 years ago

2.8K views

45:13

Build an Event/Conference Website with #Mobirise

Brian Haferkamp

Shared 5 years ago

748 views

1:42:06

Build a Business Landing Page with #Mobirise

Brian Haferkamp

Shared 5 years ago

4K views

33:08

Working with Multiple #CSS Box Shadows

Brian Haferkamp

Shared 5 years ago

589 views

31:30

Using Flexbox and CSS Grid Together

Brian Haferkamp

Shared 5 years ago

2.3K views

14:13

#Webflow Animation: Hide/Show Navbar on Scroll

Brian Haferkamp

Shared 5 years ago

6.5K views

15:39

#Webflow Animation: Toggle Button

Brian Haferkamp

Shared 5 years ago

9K views

22:41

#Webflow Animation: Parallax Scrolling

Brian Haferkamp

Shared 5 years ago

6.6K views

20:46

#Webflow Animation: Animate while page scrolls

Brian Haferkamp

Shared 5 years ago

6.5K views

19:37

#Webflow Animation Basics: Fade In and Move Up

Brian Haferkamp

Shared 5 years ago

16K views

1:14:13

Build a Simple Blog with #Webflow

Brian Haferkamp

Shared 5 years ago

22K views

15:55

Line-Based Placement of Grid Items with CSS Grid Layout

Brian Haferkamp

Shared 5 years ago

562 views

18:52

Component-Based Web Design Using #Webflow

Brian Haferkamp

Shared 5 years ago

1K views

40:22

Hero Section with Text Overlay

Brian Haferkamp

Shared 5 years ago

4.8K views

37:20

Practical CSS #Flexbox Examples

Brian Haferkamp

Shared 5 years ago

5.1K views

1:09:49

Create a Mobile Navigation from Scratch

Brian Haferkamp

Shared 5 years ago

348 views

55:09

Create a Basic #Navbar from Scratch

Brian Haferkamp

Shared 5 years ago

1K views

7:10

Using Grid-Template // CSS Grid Layout

Brian Haferkamp

Shared 5 years ago

1K views

5:18

Quick Code Tutorial / Horizontal CTA

Brian Haferkamp

Shared 5 years ago

239 views

4:08

Quick Code Tutorial / 2-Col Grid Layout

Brian Haferkamp

Shared 5 years ago

3.7K views

2:23

Quick Code Tutorial / Ghost Button

Brian Haferkamp

Shared 5 years ago

1.1K views

25:01

Ep 12 // Start with 1 / Upload Your Website

Brian Haferkamp

Shared 5 years ago

130 views

1:03:10

Ep 11 // Start with 1 / Building Our Page

Brian Haferkamp

Shared 5 years ago

150 views

23:08

Ep 10 // Start with 1 / Content Planning

Brian Haferkamp

Shared 5 years ago

111 views

33:05

Ep 9 // Start with 1 / Semantic Tags

Brian Haferkamp

Shared 5 years ago

138 views

51:36

Ep 8 // Start with 1 / HTML Forms

Brian Haferkamp

Shared 5 years ago

88 views

32:31

Web Development Pattern: Inner Div

Brian Haferkamp

Shared 5 years ago

187 views

14:09

Ep 7 // Start with 1 / Quotes

Brian Haferkamp

Shared 5 years ago

68 views

14:22

Ep 6 // Start with 1 / Text Formatting

Brian Haferkamp

Shared 5 years ago

92 views

25:15

Ep 5 // Start with 1 / Images

Brian Haferkamp

Shared 5 years ago

91 views

20:37

Ep 4 // Start with 1 / Lists and Links

Brian Haferkamp

Shared 5 years ago

76 views

20:18

Ep 3 // Start with 1 / Headings and paragraphs

Brian Haferkamp

Shared 5 years ago

142 views

18:09

Ep 2 // Start with 1 / Set up an HTML document

Brian Haferkamp

Shared 5 years ago

154 views

7:10

Ep 1 // Start with 1 / How the Web works

Brian Haferkamp

Shared 5 years ago

325 views