Achieving complex layouts in CSS has had a very checkered history. We escaped the tyranny of tables, but what we got wasn't much better — floats have had to be co-opted into roles for which they were never designed, inline-blocks have that infuriating space between elements, and absolute positioning just doesn't belong in a world of responsive design. But, there may be hope: enter flexbox.
In this talk, we'll look at the basics of using flexbox, as well as working through a few traditionally-tricky layout problems that can be solved more easily with this set of properties. We'll also discuss about how flexbox is used at Shopify specifically, including the quirks we've run into. Finally, we'll get into why flexbox isn't a panacea, and how it might fit into a world with other layout techniques being used side-by-side.
About Chris Sauvé
Chris is a relative newcomer to the world of design and development. Three years ago, he became enamoured with the joy of solving complex programming problems and left his accounting career to pursue one in front-end development. Now, he spends his days working as a front-end developer at Shopify, and his nights playing board games, ultimate, and building on open-source projects both big and small (including bigfoot, a tool for building beautiful, responsive popovers for footnotes, and an as-yet-unreleased automated pattern library generator).