CSS3 Flexible Box Module
This morning is the first I've heard of this proposed module for CSS3, so everything I'm about to say could be totally inaccurate.
From what I'm gathering, the Flexible Box Module might be the way we're laying out our sites a year or so from now — assuming Opera and IE9 come around to supporting it. (Currently works only in Firefox 3+, Safari 3+, and Chrome.) No more need for floats, and each child element can be flexible or fixed — vertically, horizontally, proportionately, and even centered — in relation to the space provided by the parent element using properties such as box-orient, box-align, and box-flex.
I know, sounds kind of confusing at first. But Paul Irish does a great job of explaining how it works in simple terms. What I'm still trying to figure out, however, is if the Flexible Box Module is a complement to or replacement for the Advanced Layout Module. Browser support for the latter seems to have stagnated, so I'm guessing the Flexible Module is probably a replacement. And to be honest, one whose syntax is better than the ASCII-art in the Advanced Module anyway.
Related, check out this resource, also mentioned in Paul's article: When can I use [ … ]?
Cameron Moll's Blog
- Cameron Moll's profile
- 4 followers
