Introduction to Responsive Design: What Is Responsive Design-Responsive Design vs. Device-Specific Experiences-Getting Started with HTML5-Looking at HTML5 Technologies-Validating the HTML5 Page-What’s New in CSS3-Testing a Responsive Site: Testing Responsive Design in the Browser- Testing on a Device Simulator- Debugging Sites on Android- Open Device Labs- Online Solution.

The Power of Media Queries: An Introduction to Media Queries- Using Media Queries in CSS- Mobile First vs. Desktop First- Targeting High Pixel Density Displays- Using Fluid Layouts: Types of Layouts- Principles When Working with a Fluid Design- Scaling an Inline Image- Scaling a Background Image- Building a Fluid Design Using a CSS Grid.

Frameworks in Responsive Design: Grid Systems- CSS Frameworks- What Is Best for My Site- Prototyping a Site Using a CSS Framework-Adapt an Existing Site: Adapt Existing Styles and Scripts- Refactoring- Full Reskin.

Tools and Workflow: Knowing Your Command Line- Version Control with Git- CSS Preprocessors- Bower-Grunt-Gulp-Scaffolding-Other Useful Tools- Workflow-Making the User Journey Responsive: Adapting Your Content- Adapting the User’s Journey- User Testing Your Responsive Site- Web Analytics Tools.

JavaScript across Responsive States: Different Functionality across Responsive States- Techniques for Changing Functionality- Implementing responsive JavaScript techniques-Optimizing Your Responsive Site: Improving network performance- The critical rendering path-Server-side optimization techniques-Measuring your site performance.