Websites come in varying shapes and sizes. In our lifetime, we may work on sites that have four or 400 different pages. And the devices these websites are viewed on are just as different. Creating websites for all these variables is a daunting task. Breaking sites down to bite-sized pieces, or patterns, can make this task more manageable.
Web design and development is a great industry to be a part of because the people in it love to share. When developing a responsive website, it can be a challenge to come up with solutions for scaling content from small to large screens. Luckily, we can look to responsive patterns and responsive pattern libraries shared by the companies and individuals that make up this industry.
Together, let's look at the most popular responsive web design patterns and how they are built. Responsive patterns, just like patterns in the analog world, can be used as a guide, a foundation, or solely inspiration for your own work.
Chapter 1, Creating a Home for Responsive Patterns, builds a home for all the patterns reviewed in this book and looks into why pattern libraries should be used in the first place.
Chapter 2, The Main Stage – Building Responsive Layouts, reviews the top most common responsive layouts and what type of content is suited for each.
Chapter 3, Make Way for Responsive Navigations, explores patterns for one of the most tricky aspects of a responsive website—the menu system. It looks at popular navigational patterns used in modern websites and the pros and cons of each.
Chapter 4, From Static to Dynamic – Embedding Media, shows how to deliver catered images for different quality displays and how to make media such as images and video scale with a responsive website.
Chapter 5, Gathering and Displaying Information, covers patterns and guidelines for developing the more analytical elements of a website such as forms and tables.
Chapter 6, Combining Responsive Patterns, teaches how to decide whether a responsive pattern is the right one to use and how to combine patterns to create a more custom solution.
Chapter 7, Ship It – Finalizing Your Pattern Library, lays out the final steps to polishing up a responsive library before archiving it or handing it to the client.