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
Getting Started with Foundation
Lesson 2: Basics of Foundation
Component Overview & Grid System
Lesson 3: Site Structure
Creating a Basic Grid, Tackling RWD & Navigation
Lesson 4: Content Elements
Panels, Images, Labels & CSS Customization
Lesson 5: Navigation
Media & Video Components
Lesson 6: Adding Media
Block Grids, Pricing Tables, Tabs & Joyride
Lesson 7: Functional Forms
HTML Elements, Responsive Web Design & Grid Layouts
Lesson 8: Advanced Foundation
Prototyping & SaSS
Lesson 9: Conclusion
What We've Learned
  • 10 Videos
  • 1 hours 3 minutes
  • 2672 Happy Students