‘Responsive Web Design’ is a perfectly succinct and to the point introduction to the topic. It covers both the philosophy behind responsive design, the design principles to make it happen and the actual code to put it all together.
The key learning of this book can be sumarized by the following quote:
So what does it take to create a responsive design? Speaking purely in terms of front-end layout, it takes three core ingredients:
- A flexible, grid-based layout,
- Flexible images and media, and
- Media queries, a module from the CSS3 specification.
The book covers multiple topics: scalable typography (w/ CSS’s em unit), the math behind adapting a grid-based layout to be flexible, fluid images, how to approach media queries and what are the most useful breakpoints, introduction to device vs display units and the viewport, the “mobile first” philosophy,…
- Level: intermediate
- Who is this book for: mid to senior level developers inexperienced with responsive design/development.
- Rating: ★★★★ (4/5)