Responsive web layouts based on Flexbox Model


Hi all,
I’m going to publish a small layouts collection: they’re based on the stunning forthcoming Flexible Box layout model so… take it like an experiment!

https://pietro909.github.io/responsive_flex_layouts/1
As of today I’ve put the first layout, very standard setup for a web application: header, footer, zoom and scoll locked, a main section and the aside.
I’m trying to adhere as much as I can to the rules of semantic html because I strongly believe that this is going to become a standard and I love it.
I just cannot see divs and lot of classes as of 2014, and I’m lucky enough to have the power to force my customers to not use some bad products.
I’ve choosen to not support old or bad browsers.

So, before you get angry:

  1. check your browser’s support
  2. update it… it’s free.
  3. change it… it’s free as well.

Enjoy the example:  first layout.
Download the full repo from Github!
 
For this work I’m using my own Less mixins:

https://gist.github.com/pietro909/8053521.js








Responsive web layouts based on Flexbox Model