CSS – flexbox

Flexbox, the new CSS layout type. Created to replace hacky and messy ways of doing things with CSS. I hate all that silly “post-css” stuff, so a widely-adopted, well-specified layout system sounded great to me.

To start, take a look at:

• What IS Flexbox? – nice introduction
• flexbox in 5 minutes – an interactive tour
• Flexbox Cheatsheet Cheatsheet – an excellent and easy to use cheatsheet (here’s a mirror, just in case)
• Flexbox For Interfaces All The Way: Tracks Case Study

A little bit less interesting:

• A Complete Guide to Flexbox
• Using Flexbox today
• Flexbox adventures
• Modern web layout with flexbox
  

All in all, it’s an awesome piece of tech. Making responsive websites can be really fun with it. It should also eliminate all the hacks, and less code = better code. One concern is browser support. Sure, it is widely supported, but the issue right now is that the websites are rendered a little bit different on various devices and browsers. Hopefully it will get better with time.

Oh, and one last thing. Flexbox should simplify stuff. If you use it, because it’s cool, and then add table/grid/float/whatever -based layout to support older browsers – it’s just stupid.