Lessons:31Length:3.6 hours
It’s hard to talk about web design today without bringing up responsive web design. Craig Campbell is here to teach you all about Foundation, and how you can use it for your responsive workflow.
We've built a comprehensive guide to help you learn Foundation, whether you're just getting started or you want to explore more advanced topics check out Learn Foundation.
1.Introduction
1.1Introduction01:03
1.1
Introduction
01:03
2.Getting Started with Foundation
2.1What is Foundation?02:22
2.1
What is Foundation?
02:22
2.2Downloading Foundation04:58
2.2
Downloading Foundation
04:58
3.Content Layout
3.1The Flexible Grid08:00
3.1
The Flexible Grid
08:00
3.2Implementing the Grid13:54
3.2
Implementing the Grid
13:54
3.3When the Browser Gets Smaller06:06
3.3
When the Browser Gets Smaller
06:06
3.4The Block Grid08:45
3.4
The Block Grid
08:45
4.Navigation
4.1Navigation Menus and Dropdowns11:21
4.1
Navigation Menus and Dropdowns
11:21
4.2Fixing the Navigation04:19
4.2
Fixing the Navigation
04:19
4.3Horizontal and Vertical Navigation12:45
4.3
Horizontal and Vertical Navigation
12:45
4.4Tabs and Accordions11:13
4.4
Tabs and Accordions
11:13
4.5Navigation Breadcrumbs05:44
4.5
Navigation Breadcrumbs
05:44
4.6Sub Nav05:49
4.6
Sub Nav
05:49
4.7Pagination07:42
4.7
Pagination
07:42
4.8Lists and Inline Lists03:14
4.8
Lists and Inline Lists
03:14
5.Buttons
5.1Creating Buttons05:21
5.1
Creating Buttons
05:21
5.2Creating Button Groups08:02
5.2
Creating Button Groups
08:02
5.3Creating Dropdown Buttons04:46
5.3
Creating Dropdown Buttons
04:46
5.4Creating Split Buttons06:23
5.4
Creating Split Buttons
06:23
6.Tables and Forms
6.1Tables03:37
6.1
Tables
03:37
6.2Pricing Tables10:19
6.2
Pricing Tables
10:19
6.3Forms11:22
6.3
Forms
11:22
6.4Custom Radios and Checkboxes14:36
6.4
Custom Radios and Checkboxes
14:36
6.5Custom Form Dropdowns04:43
6.5
Custom Form Dropdowns
04:43
7.Images and Videos
7.1Orbit Slider04:46
7.1
Orbit Slider
04:46
7.2Image Lightbox06:34
7.2
Image Lightbox
06:34
7.3Flex Videos07:02
7.3
Flex Videos
07:02
8.Formatting and Visibility
8.1Labels, Keystrokes and Tooltips06:02
8.1
Labels, Keystrokes and Tooltips
06:02
8.2Alert Boxes05:29
8.2
Alert Boxes
05:29
8.3Modal Dialogs06:31
8.3
Modal Dialogs
06:31
9.Conclusion
9.1Conclusion01:14
9.1
Conclusion
01:14
