Project Title 

A Field Guide to Flexbox

Project Description 

This is a 36 page, 4x6, premium paper weight, perfect bound, visual, booklet guide to getting started with CSS Flexbox layout. The small guide presents common questions regarding layout intentions and responds to different options with properties and values.  

2017

This booklet is based on the most popular resouce I have created, a Flexbox Cheatsheet Cheatsheet from 2014. 

After several requests I set out to create a printed booklet version of a popular flexbox resources I had created years ago. I revamped all of the fruit illuartations used and redesigned the guide to be easy to navigate in book form. 

A Field Guide to Flexbox serves as an endlessly handy, printed introduction to using flexbox but also as a beautiful addition to any workspace. While it’s not an exhaustive look at using this technology, it’s perfectly suited for those just getting started or for the rest of us that just can’t seem to remember all these options and need a reference to carry around.

The small guide presents common questions regarding layout intentions and responds to different options with properties and values, as well as the visual implications of each choice. There are page numbers on each page next to a section title as a reminder; especially helpful in recalling whether or not a declaration is intended to be placed on a container or item element, for example. The first and final two pages are reserved for some rad fruit art.

Copies available for purchase here.
 

 

Requirements 

Easy navigation, small enough to carry around, beginner friendly imagery, full color, able to be sold for profit