O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Learning ZURB Foundation

Video Description

In this Learning ZURB Foundation training course, expert author John Ulliman will teach you how to create websites using the Foundation platform. This course is designed for users that already have experience with HTML5, CSS, and basic website construction.

You will start by learning how to download and install Foundation. John will then teach you about grids, including using the Foundation grid and the equalizer. From there, you will learn how to format content, including the pricing table style, custom CSS, and block grids. This video tutorial also covers buttons and navigation, such as side navigation, the top bar menu, and the icon bar. Finally, you will learn about forms, alerts, and modals.

Once you have completed this computer based training course, you will be fully capable of using ZURB Foundation to create your own websites. Working files are included, allowing you to follow along with the author throughout the lessons.

Table of Contents

  1. Setting Up Foundation
    1. Course Introduction 00:04:55
    2. About The Author 00:00:31
    3. Downloading Foundation 00:02:08
    4. Installing Foundation 00:03:45
    5. Testing Foundation 00:01:54
  2. Grids
    1. Base Page Code 00:05:05
    2. What Are Media Queries? 00:02:17
    3. Using The Foundation Grid 00:08:06
    4. Inheritance 00:04:52
    5. Rows 00:06:49
    6. Nested Rows 00:03:03
    7. Layout Classes 00:06:43
    8. Using The Equalizer 00:02:54
  3. Formatting Content
    1. Basic Content Style 00:06:16
    2. Pricing Table Style 00:02:38
    3. Custom CSS 00:04:58
    4. Block Grids 00:03:02
    5. Tabbed And Accordion Content 00:07:52
    6. Visibility 00:04:10
  4. Buttons
    1. Basic Buttons 00:07:21
    2. Button Groups 00:04:21
    3. Dropdown 00:04:53
  5. Navigation
    1. Side Navigation 00:02:40
    2. Subnavs 00:03:04
    3. Breadcrumbs 00:01:43
    4. Top Bar Menu 00:08:31
    5. Icon Bar 00:05:19
  6. Extras
    1. Forms - Layout 00:04:56
    2. Forms - Styles 00:06:56
    3. Tooltips 00:06:50
    4. Alerts 00:04:18
    5. Modals 00:03:58
    6. Joyride 00:05:25
  7. Conclusion
    1. Wrap Up 00:04:03