SPEAKER: Sallie Goetsch
TIME: 12:45 pm — 1:20 pm
ROOM: El Dorado
For me, CSS Flexbox wasn’t just a discovery, it was an epiphany. It’s become my number-one tool for responsive layouts, and I keep discovering new uses for it.
If you’re a front-end developer or a designer who codes and you haven’t started using Flexbox yet, come to this talk to find out how to save time, save math, and save media queries. If you build plugins that add new content types (events, products, portfolio entries) and ship stylesheets and templates with them, Flexbox is the easiset way to create layouts to display that content attractively in any theme, on any size screen.
Join me for a tour of real-life design problems solved with Flexbox:
- Vertical centering
- Equal-height columns
- Placing items at the outside edges of their containers
- Automatic spacing and sizing of items to fit into a row (no more percentages for widths or margins)
- Changing the order of elements on smaller screens
- Wrapping rows so the elements always fill the width of the content area
- New tricks with margin:auto
- Overlays using Flexbox z-index
No pick or shovel required!
The code for all the layouts I discuss will be available on GitHub.