The New CSS Layout

Cover image of book

CSS Grid Layout will transform the way you design and develop for the web—and I will change the way you grok the spec. Learn to use Grid Layout within a system that includes existing methods to perform the tasks they were designed for—and take advantage of this pivotal moment in the evolution of layout.

Published by A Book Apart, 10th October 2017

What’s in the book?

  1. Where we came from: the history and evolution of CSS, working around challenges and limitations.
  2. Where we are: CSS architecture; considering frameworks, performance, and accessibility.
  3. The new layout: formatting contexts in CSS, learning all about positioning, multi-column layout, flexbox, and CSS Grid Layout.
  4. Alignment control: all about aligning and justifying flex items, grid items, and grid tracks; working with alignment & auto margins; managing logical and physical properties.
  5. Responsive by default: taking flexible grids and making the most of the functionality in the spec.
  6. Source order and display order: looking at direction of flow in Flexbox & Grid Layout, working with Grid auto-placement, the danger of markup “flattening.”
  7. Embracing the future: testing assumptions with data, looking at progressive enhancement with CSS feature queries, considering browser support.
  8. Where are we going? understanding CSS versions, encouraging browser support and logging bugs, anticipating new features, following along.

What are people saying?

“Like its author, this book is clear, calm, and collected. Rachel’s step-by-step guide to unlocking the power of today’s CSS is the handbook you’ve been waiting for.”

Jeremy Keith Author of HTML5 for Web Designers and cofounder of Clearleft

“In the web’s short life span, we’ve gone from having no layout at all to having powerful layout tools like flexbox and Grid. Rachel’s clear, concise explanations will help you wrap your head around all of the different techniques available for doing layout on the web with CSS and, more importantly, how to approach building for a constantly evolving medium.”

Chen Hui Jing Front-end designer and founder of Wismut Labs

“What’s the most important thing happening in web design right now? This. Powerful layout has arrived on the web. Learn it from Rachel, who has spent more time with it than anyone else.”

Chris Coyier Creator of CSS-Tricks and cofounder of CodePen

“CSS Grid is the future of layout on the web. Tthis book is an excellent introduction to, as well as a deep dive into, a complex topic. With practical examples, Rachel breaks down every bit of the Specification in a way that’s easy to understand.”

Ire Aderinokun Front-end developer and UI designer