Lessons:31Length:3.6 hours
Next lesson playing in 5 seconds
CancelFree Preview: Responsive Web Design with Foundation
Introduction
01:03
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.Introduction1 lesson, 01:03
1 lesson, 01:03
Free Lesson 1.1Introduction01:03
Free Lesson
1.1
Introduction
01:03
2.Getting Started with Foundation2 lessons, 07:20
2 lessons, 07:20
Free Lesson 2.1What is Foundation?02:22
Free Lesson
2.1
What is Foundation?
02:22
2.2Downloading Foundation04:58
2.2
Downloading Foundation
04:58
3.Content Layout4 lessons, 36:45
4 lessons, 36:45
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.Navigation8 lessons, 1:02:07
8 lessons, 1:02:07
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.Buttons4 lessons, 24:32
4 lessons, 24:32
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 Forms5 lessons, 44:37
5 lessons, 44:37
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 Videos3 lessons, 18:22
3 lessons, 18:22
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 Visibility3 lessons, 18:02
3 lessons, 18:02
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.Conclusion1 lesson, 01:14
1 lesson, 01:14
9.1Conclusion01:14
9.1
Conclusion
01:14
Subscribe to watch full course
Subscribe to watch full course