Learn how to build your own pattern library and fill it with the most popular responsive web design patterns
About This Book
Explore the process of combining responsive patterns together to fit the needs of your own website or project
Organize your projects by creating responsive pattern libraries and manage unruly design systems as they grow
Break down the best responsive websites to their patterns and learn how to build them in your own projects
Who This Book Is For
This book is intended for HTML and CSS beginners who want to know where to start when creating a responsive website. It is also for more experienced developers who perhaps need a little inspiration for their next project. Knowing what makes a responsive site tick is not enough. You also have to know the best way to design a site that fulfills its required goals, shrinking and stretching to polar sizes all the while. This book aims to equip you with a foundation to do just that.
What You Will Learn
Gain knowledge of the pros and cons of popular responsive patterns.
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
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.
Style and approach
This book is a collection of favored responsive patterns broken down to be easily understood and recreated. Each chapter focuses on a specific part of a website, from large to small, and shows you the markup and styles behind it. A responsive pattern library accompanies this book that you can download and see the patterns and your code beforehand.
Downloading the example code for this book. You can download the example code files for all Packt books you have purchased from your account at http://www.PacktPub.com. If you purchased this book elsewhere, you can visit http://www.PacktPub.com/support and register to have the code file.