Responsive Web Design Patterns

Responsive Web Design Patterns

English | 2015 | ISBN: 978-1785889981 | 168 Pages | EPUB, AZW3, PDF (conv) | 11 MB

Learn how to build your own pattern library and fill it with the most popular responsive web design patterns
Responsive Web Design (RWD) is a web design approach aimed at arranging things in a way to get optimal viewing experience and easy reading and navigation on different screen sizes. It bonds together designers and developers as they publish and test new solutions to build websites for all screen sizes. The simplicity of this technology stems from the fact that learning about the most tested RWD solutions along with basic HTML, CSS, and a bit of JavaScript, can soon help you start using these solutions for yourself. The foundations of RWD, once mastered, will help you gain the skills you need to create your own responsive website.
Keep track of Responsive Web Designs (RWD) patterns by building your own pattern library and creating RWD’s most popular patterns, seen on hundreds of websites today. For beginners and pros, this book provides a toolset to help plan the design and functionality of a responsive website.
The book begins with creating a home for all your patterns by setting up your own pattern library. Each chapter is broken down into different sections of a website; presenting patterns for each section. We move on to building responsive layouts of varying degrees of complexity to house the type of content you need. Develop menu systems and see which responsive navigation fits the size of your website. Next, you’ll learn tactics to present media and data elegantly on different screen sizes. And finally, you’ll tie up all those loose ends on your responsive website and pattern library to get it ready for launch.
What You Will Learn

  • Gain knowledge of the pros and cons of popular responsive patterns.
  • Build each pattern on your own using HTML, CSS, and JavaScript by following examples and guides provided in each chapter
  • Know how to combine patterns to create unique solutions for your own projects
  • Understand the benefits of creating a pattern library and learn how to use them efficiently
  • Pay attention to detail by reviewing commonly forgotten responsive elements such as typography
  • See real-world examples of these patterns being used by websites like Disney, NASA, and more
  • Review techniques and best practices when it comes to building responsive websites
Homepage