Learn how to build your own pattern library and fill it with the most popular responsive web design patterns
About This Book
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
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.