2013
Lynda
Jen Kramer
English
3:07
ZURB Foundation is a sophisticated and popular tool for creating responsive websites. This course introduces the framework and provides a quick overview of all of the goodies in Foundation. Author Jen Kramer shows you how to download Foundation and understand its file structure, create a responsive layout with its 12-column grid, and leverage the built-in JavaScript effects to build dropdown menus, image carousels, and more.
Introduction 2m 41s
Welcome 59s
Using the exercise files 1m 42s
1. Foundation Introduction and Download 19m 37s
What is Foundation? 2m 24s
Downloading and unzipping Foundation 3m 0s
Customizing Foundation and a word about SASS and Compass 2m 57s
Examining Foundation files 11m 16s
2. The Grid System in Foundation 54m 14s
Introducing the small grid 11m 25s
Introducing the large grid 2m 42s
Combining small and large grids in a single page 5m 24s
Offsets in the grid 7m 33s
Centering columns 4m 54s
The nested grid 8m 3s
Source ordering 3m 55s
Block grids 3m 49s
Challenge: Create a grid 3m 12s
Solution: Create a grid 3m 17s
3. CSS Overview 54m 29s
Exploring typography 5m 11s
Including block quotes 3m 2s
Including lists 5m 44s
Styling buttons 5m 37s
Including panels 3m 36s
Styling thumbnails 4m 13s
Including flexible video 4m 48s
Overriding the core Foundation CSS 8m 35s
Working with visibility classes 7m 12s
Challenge: Style a page 2m 0s
Solution: Style a page 4m 31s
4. Navigation Systems 23m 34s
Adding breadcrumbs 3m 24s
Formatting the side nav 2m 33s
Formatting the top nav bar 7m 9s
Adding dropdown navigation to the top nav bar 5m 48s
Challenge: Navigation bar 1m 3s
Solution: Navigation bar 3m 37s
5. JavaScript Effects 31m 12s
Clearing: A responsive lightbox 6m 46s
Orbit: A photo carousel 6m 33s
Reveal: A modal window 6m 31s
Sections: Creating accordion panels and tabs for in-page navigation 7m 43s
Challenge: Navigation and sections 1m 40s
Solution: Navigation and sections 1m 59s
Conclusion 2m 12s
Next steps 2m 12s
http://www.lynda.com/Foundation-tutorials/Up-Running-Foundation/122442-2.html
Download File Size:910.23 MB
|
