Lessons:14Length:2.3 hours
Part of the HTML Essentials bundle
Includes 6 courses: Top-Speed HTML Development With Jade, Bombproof Web Design, Understanding Responsive Images, Mastering Icon Fonts on the Web, Responsive Web Design Revisited, Understanding Video on the Web
In this course you’ll get up to speed with the very latest in Responsive Web Design. First you’ll learn what “responsive” really means today, and how a new “content first” approach lets you cater for all types of users from the ground up. Then you’ll create a complete responsive design using all the latest techniques. Let’s begin!
1.Introduction
1.1Responsive Web Design Revisited01:34
1.1
Responsive Web Design Revisited
01:34
1.2What “Responsive” Means Today and What You’ll Be Building14:46
1.2
What “Responsive” Means Today and What You’ll Be Building
14:46
1.3“Content First” Methodology: Why You Should Use It and How05:33
1.3
“Content First” Methodology: Why You Should Use It and How
05:33
2.Content Stage
2.1Content and Responsiveness Plan07:44
2.1
Content and Responsiveness Plan
07:44
2.2Assemble Content07:48
2.2
Assemble Content
07:48
3.Style Tiles Stage
3.1“Style Tiles” and Catering for All by Designing Big07:09
3.1
“Style Tiles” and Catering for All by Designing Big
07:09
3.2Creating Style Tiles in Adobe Photoshop14:59
3.2
Creating Style Tiles in Adobe Photoshop
14:59
4.Foundational Code Stage
4.1Build Your Basic Code Shell14:56
4.1
Build Your Basic Code Shell
14:56
4.2Add Unstyled Content: HTML and JavaScript13:57
4.2
Add Unstyled Content: HTML and JavaScript
13:57
4.3Add Unstyled Content: CSS15:00
4.3
Add Unstyled Content: CSS
15:00
5.Style Code Stage
5.1Turn Style Tiles Into Style CSS14:15
5.1
Turn Style Tiles Into Style CSS
14:15
6.Optimization Stage
6.1The picture Element06:32
6.1
The picture Element
06:32
6.2Code Autoprefixing, Combination, and Minification12:43
6.2
Code Autoprefixing, Combination, and Minification
12:43
7.Conclusion
7.1Wrapping Up01:05
7.1
Wrapping Up
01:05
