CSS3 Flexible Box Module

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 [ … ]?

 •  0 comments  •  flag
Share on Twitter
Published on October 13, 2010 06:15
No comments have been added yet.


Cameron Moll's Blog

Cameron Moll
Cameron Moll isn't a Goodreads Author (yet), but they do have a blog, so here are some recent posts imported from their feed.
Follow Cameron Moll's blog with rss.