FREELessons: 19Length: 3.6 hours
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.
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
