The New CSS Layout


  • Graphic design on the web has evolved significantly over the past twenty-five years. At first, screen pixels were huge. Now they’re so tiny we can’t see them. We started with a palette of 216 colors, (if we had color at all); now we play in color spaces far beyond what’s possible in any other medium. For years, typography was limited to a handful of typefaces. These days, we have more font options than metal typesetters would have dared to dream of. Layout, however, has barely evolved since the advent of CSS. Fifteen years ago, we created a layout for blog articles, taught it to each other, and pretty much stopped there. Frameworks like Bootstrap have given us a few more options but, even with responsive web design, we’ve been severely constrained by the limitations of our tools.
  • Now it’s time to take a giant leap forward. It’s finally page layout’s turn to shine.
  • When CSS Grid shipped in March 2017, our toolbox reached a tipping point. At last we have technology powerful enough to let us really get creative with layout. We can use the power of graphic design to convey meaning through our use of layout—creating unique layouts for each project, each section, each type of content, each page.

What you will learn:

  • Review the history of CSS.
  • How we do web design and development affects all of us.
  • Run through the various method of positioning items in CSS.
  • The interesting and useful aligment features in flexbox and places them in new spefification.
  • Flexible grids and how to make the most of the functionality in the specification.

Who should read this book:

Front-end developer who want to learn the new CSS layout.