The Flexible Box Layout module (commonly referred to as FlexBox, for convenience) is implemented in Firefox, Chrome, Safari, and IE10 (Platform Preview, at least). I wrote an article explaining FlexBox in detail in .net magazine last year, but thought it worth following up with a short, practical guide on a few things it’s useful for.
I actually don’t think it’s perfectly suited for complex page layouts, but it does some simple things very well, so that’s what I’ll concentrate on. There are three use cases in this article, none of which are impossible using CSS2.1, but all of which are made easier with FlexBox.
Read the full article
Last night I had the pleasure of giving a lightning talk — my first public talk — at the London Web Standards meeting. The talk had the title “How We’ll Lay Out Websites In 2016″, and was a look at the three layout modules offered for discussion by the W3C: Flexible Box Layout, Template Layout, and Grid Positioning.
The video is now available to watch (I was concerned that I’d talked too quickly as I was a little nervous, but it doesn’t seem too bad!), and my slides are also online; both are embedded below.
Read the full article
I’ve got a new post up at CSS3.info: Introducing the Flexible Box Layout module. It’s an overview of an alternative layout module which is already implemented in Gecko and WebKit.
Just written a new post on CSS3.info (the first for a long time), on the subject of the progression of a couple of layout modules through the W3C recommendation process. It’s actually a bit more exciting than I’ve just made it sound.