Web Unleashed 2016
Web Dev
  • 2016-10-03 00:00:00 2016-10-04 00:00:00 America/Toronto Web Unleashed 2016 Toronto FITC
  • Toronto
  • # webu16


Slides Examples View Video


CSS floats have been the primary way that we define web layout for almost the past decade. They’ve worked pretty well over the years but times are changing. Flexbox is becoming the new norm for layout and solves some of the main gripes we deal with when using floats. Some of the new concepts may be a bit difficult to grasp in the beginning but in this talk we’ll focus on practical ways that Flexbox is used when creating modern interfaces.


Give you a good overview of Flexbox, how it works, the layout features available, and how to tackle typical modern interface designs.

Five Things Audience Members Will Learn

  1. Flexbox primer on alignment, direction, orientation, and order
  2. Implementing flexible grids
  3. Simple to complex design patterns
  4. Accessibility & markup best practices
  5. Browser support and what you can start to use now