Book Image

Responsive Web Design Patterns

By : Chelsea Myers
Book Image

Responsive Web Design Patterns

By: Chelsea Myers

Overview of this book

<p>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.</p> <p>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.</p> <p>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.</p>
Table of Contents (14 chapters)
Responsive Web Design Patterns
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

About the Reviewers

Esteban S. Abait is a senior software architect, and a former PhD student. He has experience devising the architecture of complex software products, and planning its development. He has worked both onsite, and offshore for clients such as Cisco, Intuit, and SouthWest. During his career he has worked with different technologies such as Java, PHP, Ruby, and Node.js, among others. In recent years, his main interests revolve around web mobile and REST APIs. He has developed large, maintainable web applications using JavaScript. In addition, he has worked assessing clients on REST best practices. At the same time, he has worked on high traffic web sites, where topics such as replication, sharding, or distributed caches are key to scalability.

He is currently working at Globant as a technical director. In this role, he works to ensure the project's delivery meet their deadlines with the best quality. He also designs software program training and interviews software developers. In addition, he travels to clients to provide consultancy on web technologies.

Globant (http://www.globant.com/) is a new breed of technology service providers focused on delivering innovative software solutions by leveraging emerging technologies and trends. Globant combines the engineering and technical rigor of IT service providers with the creative and cultural approach of digital agencies. Globant is the place where engineering, design, and innovation meet scale.

Tristan Denyer is a UX designer for web and mobile applications, including web apps and portals, e-commerce, online video players and widgets, games (online, iPhone, board), marketing sites, and more. He is also a UI developer and WordPress theme developer. He is currently leading the UX design for the product team at a start-up in San Francisco. He recently wrote a book, A Practical Handbook to WordPress Themes, CreateSpace, to help owners and operators of self-hosted WordPress websites get the most out of their themes. His passions include prototyping, web security, writing, carpentry, and burritos. He can be contacted through Twitter (@tristandenyer), GitHub (https://github.com/tristandenyer), and his portfolio and blog (http://tristandenyer.com/).

Christopher Scott Hernandez is a designer turned developer who has been working on the Web since 1996, when he built the Web's first boat upholstery site for his dad. He's since moved on to bringing his expertise to companies small and large, having worked on some of the most visited sites in the world, including eBay, LinkedIn, and Apple.

He was also a technical reviewer for HTML5 Multimedia Development Cookbook, Packt Publishing. He is an avid reader and lover of books. When he's not pushing pixels and writing code, he enjoys spending time with his wife and daughter exploring the parks and trails of beautiful Austin, Texas.

J. Pedro Ribeiro is a Brazilian user interface engineer living in the heart of London. He has been working on the Web for several years coding websites for start-ups and large companies. Currently, at RetailMeNot UK, he is responsible for creating the mobile first experience at VoucherCodes.co.uk (http://vouchercodes.co.uk/), focusing on performance and usability.

On his personal site, http://jpedroribeiro.com, he writes about frontend technologies, books, and personal projects. Some of these projects and experiments can be found at http://github.com/jpedroribeiro. On Twitter, he can be found at twitter.com/jpedroribeiro.

Marija Zaric is a web designer living in Belgrade with a focus on individual and commercial clients that demand websites that are clear, modern, creative, simple, and responsive. She works with clients from the USA and all over the world, helping them to present their services in a unique yet professional way.

She is a relentless learner. What she loves most about web design are the constant changes in the field, especially its evolution in the last four years when she got inspired by simplicity, great images, typography, and the possibility to optimize a single website for various devices.

She designed and incorporated these styles into her own website and called it Creative Simplicity. She was a reviewer for the books Responsive Media in HTML5 and Responsive Web Design with HTML5 and CSS3, both by Packt Publishing.

Her projects can be found at http://www.marijazaric.com/.