Book Image

Mastering Responsive Web Design

By : Ricardo Zea
Book Image

Mastering Responsive Web Design

By: Ricardo Zea

Overview of this book

Building powerful and accessible websites and apps using HTML5 and CSS3 is a must if we want to create memorable experiences for our users. In the ever-changing world of web design and development, being proficient in responsive web design is no longer an option: it is mandatory. Each chapter will take you one step closer to becoming an expert in RWD. Right from the start your skills will be pushed as we introduce you to the power of Sass, the CSS preprocessor, to increase the speed of writing repetitive CSS tasks. We’ll then use simple but meaningful HTML examples, and add ARIA roles to increase accessibility. We’ll also cover when desktop-first or mobile-first approaches are ideal, and strategies to implement a mobile-first approach in your HTML builds. After this we will learn how to use an easily scalable CSS grid or, if you prefer, how to use Flexbox instead. We also cover how to implement images and video in both responsive and responsible ways. Finally, we build a solid and elegant typographic scale, and make sure your messages and communications display correctly with responsive emails.
Table of Contents (16 chapters)
Mastering Responsive Web Design
About the Author
About the Reviewers

About the Reviewers

Jean-Marc Buytaert, with an associate's degree in multimedia and web design and a bachelor's degree in fine arts in interactive media design, has been involved in a diverse array of projects since 2003, ranging from graphic design, to video production, web design, and last but not least, web development, where he found his niche.

With experience in multiple web scripting languages and having developed websites using several content management systems, Jean-Marc is now a lead web developer for Houston-based interactive marketing agency, TopSpot Internet Marketing, where he oversees a team of web developers and builds responsive websites using MODX and WordPress while implementing third-party web services using new technologies and APIs.

Tristan Denyer is a UX designer for web and mobile applications, including web apps and portals, eCommerce, 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, 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 the following links:

Twitter: @tristandenyer


His portfolio and blog:

Alan Plotko is a software developer who works across the full stack. He loves developing applications for the Web and always makes time to attend "hackathons", weekend-long programming competitions where participants build projects from scratch to benefit the community. Alan's experience extends to Python development, various database technologies such as NoSQL, and frameworks for rapid application development. When he's not writing code, Alan spends his spare time writing stories; he is an avid writer, having previously self-published a fantasy novel and reviewed books for Packt.

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 working at RetailMeNot UK, he is responsible for creating the mobile-first experience at, focusing on performance and usability.



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

She is a relentless learner. What she loves the most about web design is the constant changes in the field, especially its evolution over the last 4 years when she became inspired by its simplicity, great images, typography, and the possibility of optimizing a single website for various devices.

She redesigned and incorporated these styles into her own website and called it Creative Simplicity. Marija was a reviewer for the book Responsive Media in HTML5 by Packt Publishing.

Her projects can be found at