Build Your First Foundation Blog

4.4 Average Customer Rating

Build responsive, scalable websites in no time.

  • 10 Videos
  • 1 hours 3 minutes
  • 2672 Happy Students

About the course

Front-end frameworks are taking the web by storm, and Foundation is one of the best.

Foundation makes it easy to build fast-loading, grid-based websites in no time, and comes packed with extra tools and features. We like it so much, we used it to build SitePoint Premium!

An Introduction to Foundation will introduce you to the benefits of CSS frameworks using a practice, real-life example: a simple, blog-based website. Spread across nine lessons, you’ll learn everything from Foundation’s basic grid system right through to multimedia, images, and customisation.

  • 10 Videos
  • 1 hours 3 minutes
  • 2672 Happy Students

Courses Outline

Lesson 1: Introduction to ZURB Foundation
Free
Getting Started with Foundation
3:34
Lesson 2: Basics of Foundation
Component Overview & Grid System
4:18
Lesson 3: Site Structure
Creating a Basic Grid, Tackling RWD & Navigation
10:19
Lesson 4: Content Elements
Panels, Images, Labels & CSS Customization
11:13
Lesson 5: Navigation
Media & Video Components
9:08
Lesson 6: Adding Media
Block Grids, Pricing Tables, Tabs & Joyride
9:12
Lesson 7: Functional Forms
HTML Elements, Responsive Web Design & Grid Layouts
8:10
Lesson 8: Advanced Foundation
Prototyping & SaSS
6:56
Quiz
Lesson 9: Conclusion
What We've Learned
0:35
  • 10 Videos
  • 1 hours 3 minutes
  • 2672 Happy Students