Free Preview: Responsive Web Design with Foundation

1.Introduction

1 lesson, 01:03

Free Lesson

1.1

Introduction

01:03

2.Getting Started with Foundation

2 lessons, 07:20

Free Lesson

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