Beginning Responsive Web Design with HTML5 and CSS3

Beginning Responsive Web Design with HTML5 and CSS3is your step-by-step guide to learning how to embrace responsive design for all devices. You will learn how to develop your existing HTML, CSS, and JavaScript skills to make your sites work for the modern world. Web sites and apps are now accessed on a wide range of devices with varied sizes and dimensions, so ensuring your users have the best experience now means thinking responsive.

In Beginning Responsive Web Design with HTML5 and CSS3 you will learn about all aspects of responsive development. You’ll start with media queries, and fluid CSS3 layouts. You’ll see how to use responsive frameworks such as Twitter Bootstrap, and how to use tools such as Grunt, Bower, Sass, and LESS to help save you time. You’ll also learn how to use JavaScript to manage responsive states, manage your user’s journey across screen sizes, and optimize your responsive site. By the end of the book you will be able to build new sites responsively, and update existing sites to be responsive. Every aspect of a responsive build will be covered.

This book is perfect for developers who are looking to move into the future of responsive sites. Whether you have already dipped your toes into responsive development or are just getting started, Beginning Responsive Web Design with HTML5 and CSS3 will teach you the very best techniques to optimize your site and your user’s experience.

What you’ll learn

• Why responsive design is becoming so popular, and how to develop for it
• How to structure your HTML for responsive development
• How to use media queries to optimize the look and feel of your site
• What grid systems are, why you should use them, and the options available
• How to handle different responsive states in JavaScript

Who this book is for

Beginning Responsive Web Design with HTML5 and CSS3 is for the developer who is comfortable building sites using HTML, CSS, and JavaScript, but who wants to move on to making those sites responsive for multiple devices. You will have basic web development skills, but want to hone this in the responsive way.

Table of Contents

Chapter 1: Introduction to Responsive Design
Chapter 2: Testing a Responsive Site
Chapter 3: The Power of Media Queries
Chapter 4: Using Fluid Layouts
Chapter 5: Frameworks in Responsive Design
Chapter 6: Adapt an Existing Site
Chapter 7: Tools and Workflow
Chapter 8: Making the User Journey Responsive
Chapter 9: JavaScript Across Responsive States
Chapter 10: Optimizing Your Responsive Site