Beginning Responsive Web Design with HTML5 and CSS3

  • 5h 12m
  • Jonathan Fielding
  • Apress
  • 2014

Beginning Responsive Web Design with HTML5 and CSS3 is 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.

About the Author

Jonathan Fielding attended the University of Hull where he studied Internet computing. Since completing his degree, he has worked for a variety of companies across banking and marketing fields, developing both frontend and backend systems. Jonathan currently works for McCormack & Morrison, a digital agency based in London, UK, developing responsive websites for clients that include Virgin Active, Nyetimber, and Intent Media. As a regular contributor to open source, he has launched several of his own open source projects, including several jQuery plugins, and regularly publishes tutorials on his blog with the aim of sharing knowledge.

In this Book

  • Introduction to Responsive Design
  • Testing a Responsive Site
  • The Power of Media Queries
  • Using Fluid Layouts
  • Frameworks in Responsive Design
  • Adapt an Existing Site
  • Tools and Workflow
  • Making the User Journey Responsive
  • JavaScript Across Responsive States
  • Optimizing Your Responsive Site