Responsive Web Design for Beginners

with

The old way was to build a mobile and desktop version of a site, but now, it’s all about responsive design. Want to get into this field and learn the basics? Well here you go.

Free Preview: Responsive Web Design for Beginners

Introduction

02:47

1.Introduction
1 lesson, 02:47

Free Preview
1.1
Introduction
02:47

2.The Basics
3 lessons, 32:25

Free Preview
2.1
Quick History Lesson
08:14

2.2
The Concept of "Mobile First"
06:14

2.3
Flexible Workflow
17:57

3.A Responsive Layout
9 lessons, 1:44:31

3.1
Fluid Layouts
12:43

3.2
Hybrid Layouts
10:44

3.3
Building a Fluid Grid
17:46

3.4
Flexible Images
07:00

3.5
Media Queries
07:36

3.6
More Media Queries
12:53

3.7
The "Only" Keyword
08:19

3.8
The "Viewport" Metatag
10:29

3.9
Break Points
17:01

4.Finishing Off Our Responsive Web Page
5 lessons, 1:13:39

4.1
Navigation
16:21

4.2
Optimizing for Performance
18:23

4.3
Polishing Off Our Markup
07:51

4.4
Polishing Off Our Styles
22:53

4.5
Testing the Responsive Web
08:11

5.Conclusion
1 lesson, 00:21

5.1
That's a Wrap
00:21


Preview for Responsive Web Design for Beginners
Lessons:
19
Length:
3.6 hours
About Ian Yates
My name's Ian and I'm editor of Web Design content at Tuts+. Ask me anything you like about web design… I'll find someone who knows the answer.
+ Expand Bio- Collapse Bio