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

Presentation

Slides Examples View Video

Overview

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.

Objective

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