Responsive Web Design with Foundation

with

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.

1× speed

Free Preview: Responsive Web Design with Foundation

Introduction

01:03

1.Introduction
1 lesson, 01:03

Free Preview
1.1
Introduction
01:03

2.Getting Started with Foundation
2 lessons, 07:20

Free Preview
2.1
What is Foundation?
02:22

2.2
Downloading Foundation
04:58

3.Content Layout
4 lessons, 36:45

3.1
The Flexible Grid
08:00

3.2
Implementing the Grid
13:54

3.3
When the Browser Gets Smaller
06:06

3.4
The Block Grid
08:45

4.Navigation
8 lessons, 1:02:07

4.1
Navigation Menus and Dropdowns
11:21

4.2
Fixing the Navigation
04:19

4.3
Horizontal and Vertical Navigation
12:45

4.4
Tabs and Accordions
11:13

4.5
Navigation Breadcrumbs
05:44

4.6
Sub Nav
05:49

4.7
Pagination
07:42

4.8
Lists and Inline Lists
03:14

5.Buttons
4 lessons, 24:32

5.1
Creating Buttons
05:21

5.2
Creating Button Groups
08:02

5.3
Creating Dropdown Buttons
04:46

5.4
Creating Split Buttons
06:23

6.Tables and Forms
5 lessons, 44:37

6.1
Tables
03:37

6.2
Pricing Tables
10:19

6.3
Forms
11:22

6.4
Custom Radios and Checkboxes
14:36

6.5
Custom Form Dropdowns
04:43

7.Images and Videos
3 lessons, 18:22

7.1
Orbit Slider
04:46

7.2
Image Lightbox
06:34

7.3
Flex Videos
07:02

8.Formatting and Visibility
3 lessons, 18:02

8.1
Labels, Keystrokes and Tooltips
06:02

8.2
Alert Boxes
05:29

8.3
Modal Dialogs
06:31

9.Conclusion
1 lesson, 01:14

9.1
Conclusion
01:14


Preview for Responsive Web Design with Foundation
Lessons:
31
Length:
3.6 hours
About Craig Campbell
Craig has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then, he has constantly sought new and exciting ways to make beautiful things on computers.
+ Expand Bio- Collapse Bio