Lessons: 19Length: 3.6 hours
- Overview
- Transcript
1.1 Introduction
Welcome to Responsive Web Design for Beginners, 19 lessons which will get you up and running with the fundamentals of RWD. Before we start in earnest, let’s quickly talk about what we’re going to be learning, how we’ll be going about it, skills you’ll need in order to follow along, plus we’ll take a look at the demo website we’ll be building along the way.
1.Introduction
1.1Introduction02:47
1.1
Introduction
02:47
2.The Basics
2.1Quick History Lesson08:14
2.1
Quick History Lesson
08:14
2.2The Concept of "Mobile First"06:14
2.2
The Concept of "Mobile First"
06:14
2.3Flexible Workflow17:57
2.3
Flexible Workflow
17:57
3.A Responsive Layout
3.1Fluid Layouts12:43
3.1
Fluid Layouts
12:43
3.2Hybrid Layouts10:44
3.2
Hybrid Layouts
10:44
3.3Building a Fluid Grid17:46
3.3
Building a Fluid Grid
17:46
3.4Flexible Images07:00
3.4
Flexible Images
07:00
3.5Media Queries07:36
3.5
Media Queries
07:36
3.6More Media Queries12:53
3.6
More Media Queries
12:53
3.7The "Only" Keyword08:19
3.7
The "Only" Keyword
08:19
3.8The "Viewport" Metatag10:29
3.8
The "Viewport" Metatag
10:29
3.9Break Points17:01
3.9
Break Points
17:01
4.Finishing Off Our Responsive Web Page
4.1Navigation16:21
4.1
Navigation
16:21
4.2Optimizing for Performance18:23
4.2
Optimizing for Performance
18:23
4.3Polishing Off Our Markup07:51
4.3
Polishing Off Our Markup
07:51
4.4Polishing Off Our Styles22:53
4.4
Polishing Off Our Styles
22:53
4.5Testing the Responsive Web08:11
4.5
Testing the Responsive Web
08:11
5.Conclusion
5.1That's a Wrap00:21
5.1
That's a Wrap
00:21
