Flexbox Support Analysis
March 14, 2013Tweet
Got to: Flexbox Support Analysis Reference Table
If there’s one piece of upcoming web technology that I’m impatient to see reach the point of standard useage its the CSS Flexible Box Layout Module. In the same breath, if I could point to the most confusing bit of CSS3 to find support for its the same Flexbox technology. Flexbox has gone through three versions of its syntax since being introduced in 2009. The current syntax is a Candidate Recommendation in the CSS Working Group and appears as if it will indeed be the final version. However, browser support for the newest version is still limited.
If you’re as impatient as I am to start using this technology the first thing you should do is discover which browsers support which version of flexbox. That’s what I did and boy did it take time. To help out I have compiled my research into a reference table located on this site.
The table is a reference of browser support for the CSS Flexible Box Layout Module, aka Flexbox, created by someone who is impatient to wait to use it. Each row specifies a browser with version(s) number(s), if that browser supports the 2009, 2011, or the Current syntax, what browser prefixes are required, the supported flexible box values for the display attribute, and a list of related supported attributes. I hope this is of use to you and please take some time to read the credits and at the bottom. If you see any errors or missing information below please inform me and I will make the corrections as soon as possible.
To help please contact me at . I’m especially in need of people with a large collection of browsers and devices. Any other help with testing is of course welcomed.
I’ve also included several helpful links below that will aid you in using this amazing new piece of technology.
Flexbox Resources
- Can I Use: Flexbox
- Comparrison of Current Flexbox Spec Versus the One for IE10
- Using Flexbox: Mixing Old and New for the Best Browser Support
- Web Ahead Podcast: CSS Layouts with Rachel Andrew
Bugs etc., CSS, Flexbox, Grids, Layout, Web Design and Development
