Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Building a Responsive Site with Zurb Foundation
Introducing Foundation
What Is a Framework? (2:35)
Understanding the Working Environment (2:42)
Installing Foundation (2:36)
Why Use SASS? (2:55)
Scaffolding Our Website (3:01)
Making Our Site Responsive
Learning Media Queries (3:29)
Grasping the Grid System (2:52)
Seeing Visibility Classes (3:33)
Why to Go Mobile First? (2:58)
Using interchange.js (2:53)
Navigating the site
Browsing Off-canvas on Mobile (3:01)
Incorporating the Top Bar (2:36)
Implementing the Sticky-nav (2:55)
Incorporating the Side-nav (3:21)
Using Dropdowns (3:13)
Structuring the Content
Incorporating Tabs (2:47)
Beautiful Typography (2:50)
Implementing a Pricing Table (2:35)
Learning Accordions (2:36)
Using the Equalizer (2:20)
Adding Media Content
Incorporating Thumbnails (3:10)
Understanding the Block Grid (2:14)
Incorporating Flex-video (3:27)
Learning 'Interchange' (3:49)
Using Lightboxes (2:47)
Constructing Forms
Creating Basic Forms (2:11)
Understanding Form Utilities (2:07)
Implementing Switches and Ranges (3:12)
Using Abide Validation (2:48)
Buttons and UI Elements
Customizing Buttons (3:29)
Using Panels and Alerts (2:58)
Learning Tooltips (2:05)
Adding Modals (2:37)
Incorporating Pagination and Breadcrumbs (3:30)
Conclusions
Customizing Foundation (2:51)
Optimizing for Deployment (2:41)
Using Templates and the Zurb Playground (2:41)
What Have We Learned So Far? (2:55)
Where to Go from Here? (3:21)
Using Templates and the Zurb Playground
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock