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 Revisited
1.2What “Responsive” Means Today and What Youâ™ll Be Building
1.3“Content First” Methodology: Why You Should Use It and How
2.Content Stage
2.1Content and Responsiveness Plan
2.2Assemble Content
3.Style Tiles Stage
3.1“Style Tiles” and Catering for All by Designing Big
3.2Creating Style Tiles in Adobe Photoshop
4.Foundational Code Stage
4.1Build Your Basic Code Shell
4.2Add Unstyled Content: HTML and JavaScript
4.3Add Unstyled Content: CSS
5.Style Code Stage
5.1Turn Style Tiles Into Style CSS
6.Optimization Stage
6.1The picture Element
6.2Code Autoprefixing, Combination, and Minification
7.Conclusion
7.1Wrapping Up
Screens: