Spotlight: Advanced Responsive Design

2016-06-04 00:00:00 2016-06-04 00:00:00 America/Toronto Spotlight: Advanced Responsive Design We’re taking a deep dive into responsive design and hope you’ll join us to learn how you can leverage this increasingly mainstream technology in your work. This one-day event is designed for industry professionals and features notable speakers. Attendees can expect to build up their skills with… Toronto FITC Toronto

Presentation


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