Ridiculously Easy Layouts with Flexbox

Track: HTML5
Skill Level: Intermediate
Room: Ballroom F
Time Slot: Wed 3/11, 2:30 PM
Tags: css3 , html5
Presentation Link
Abstract

The Flexbox (or Flexible Box) Layout Model is a set of CSS attributes allowing for the efficient creation of robust, multi-screen application layouts. Flexbox uses a dual-axis container/item layout model allowing for powerful approaches to element space distribution, alignment, and sizing. This can be a tremendous boon for web projects with dynamic data and design flux. It may also tremendously simplify responsive layouts that are dependent on commonly complicated grid models.

This presentation will introduce the mechanics of the Flexible Box Model and demonstrate its capability for simplifying markup and styling. Comparisons will be made to other layout paradigms to illustrate strengths of the model.

Eric Carlisle

Eric Carlisle is the Lead UI/UX Architect for Lookingglass, a firm specializing in cyber threat intelligence management. Though Eric’s strongest passion is for UI development, his experiences cover several aspects of website production.

Eric has 19 years experience in full-stack website development, working with clients including Under Armour, Toyota, World Wildlife Fund, and Johns Hopkins University.

Eric can be reached on Twitter @eric_carlisle or through his blog at ericcarlisle.com.