Moving to Responsive Web Design

1. Front Matter

   Pages i-xxvii

   PDF

2. The Planning Stage

   • Inayaili de León

   Pages 1-22

3. The Content Development Stage

   • Inayaili de León

   Pages 23-46

4. The Design Stage

   • Inayaili de León

   Pages 47-91

5. The Build Stage

   • Inayaili de León

   Pages 93-136

6. Back Matter

   Pages 137-149

   PDF

Redesign your static website into a modern, fully responsive website. As the usage of mobile devices of all shapes and sizes increases exponentially every year, and dominates the manner in which many users access the web, it is now imperative for any business to have a responsive website that adapts seamlessly to any screen size and resolution — a change that will impact not only your designs but the way you build your site.


Moving to Responsive Web Design shows you how to convert fixed grids, previously built on absolute units such as pixels, into fluid ones, based on relative units such as percentages or ems. You will also learn to plan how your designs and patterns will adapt across various breakpoints, and how to approach the challenge of responsive images.


The prospect of converting an existing site into responsive design, when you don’t have all the time in the world and your resources are already outstretched, can be daunting, but with this book and the right tools you can tame the scope of the project from the start and find the time for you and your team to work on making your site enjoyable on any device. Moving to Responsive Web Design is full of ideas and examples of how you can more easily plan, design, develop, and release, your responsively redesigned site.

• Provides ways of finding time in your hectic schedule to complete a project that is truly important 
  
• Helps you to scope a responsive redesign project so it’s achievable with the resources you have available
  
• Provides examples of how other teams have solved some of the most common problems 
  

What You Will Learn

• Find the time in your busy schedule to redesign your site.
  
• Engage the entire team in the plan, design and development process.
  
• Use your resources in clever and efficient ways.
  
• Focus on reusability to save your team time and money.
  
• Release your first fully responsive site.
  

Who This Book is For


Busy designers, and developers who want to convert an existing site to responsive design and don’t have all the time in the world. It’s for teams who know that the move to having a responsive site is the right one, but are struggling to find the time and resources to fit such an expansive project into their already overflowing schedules.

• Responsive Web Design
• HTML5
• CSS3
• HTML
• CSS
• Web standards
• Mobile
• Website
• Flexible
• iPhone
• Android

“This book was written by an expert in the field who has both technical and managerial experiences. It is an easy read and full of tips and wisdom. The book is very concise, only about 150 pages. One can quickly browse it within hours or read it thoroughly in days. Spending that time can help a project leader to foresee potential pitfalls and to avoid unnecessary delays or failure.” (Computing Reviews, November, 2017)

• London, United Kingdom

  Inayaili de León

Inayaili de León is Lead Web Designer at Canonical, the company behind Ubuntu, where she focused on establishing and evangelizing the brand’s visual direction online. She loves and lives the web and her job and that she can learn something new every day. Inayaili has a degree in Communications Design, and has been working as a web designer since 2003. Working on content-heavy websites is a challenge and a pleasure that she will happily take on, transforming what could easily look like a mess into user-friendly designs. Inayaili is an author and speaker, writing on her own blog, Web Designer Notebook.com, as well as for popular online publications such as A List Apart, 24 Ways, Smashing Magazine, and .net Magazine. She is also a member of .net Magazine and Smashing Magazine’s Expert Panel. Inayaili is Panamanian-Portuguese, born in the USSR, and living in London since 2008 — her favorite city in the world. She is the co-author of Pro CSS for High-Traffic Websites (Apress, 2011).

Policies and ethics