Advanced layouts with Flexbox

We've come a long way since the days when tables were the "hot thing" for creating website layouts.  With the advancements of CSS, browser support and power of awesome front-end frameworks, we can put together pretty sophisticated layouts that work well on any device or browser.  However, as great as things are, issues still remain that need to be addressed when creating layouts that not only work great but are easy to maintain and alter.  Enter Flexbox, or flexbox, a CSS3 layout mode providing for the arrangement of elements on a page such that the elements behave predictably when the page layout must accommodate different screen sizes and different display devices.

In this sessions, we will discuss the basics of flexbox, how it works, what problems it solves, but most importantly, how you can take advantage of it in your next web project.  To keep things relevant, we will create some basic layouts using a Drupal 8 theme.

Flexbox is still in its infant stages but it looks promising and the browser support is getting better by the day.  However, there are still some browsers (I won't mention any names), that don't play along with flexbox so we will discuss some ways to ensure our layouts don't break on browsers that don't support flexbox.

Come join us and learn about the future of layouts.  Here is something to get you started with flexbox.

Session Track

Front End

Experience level

Intermediate

Drupal Version

Drupal 9.x

Session Time Slot(s)

Time: 
05/14/2015 - 14:15-05/14/2015 - 15:15
Room: 
515A - Phase 2