Cross-Browser “Flexible Box Model” With Flexie
CSS3, besides the popular properties like border-radius or box-shadow, comes with many other new features like the Flexible Box Layout Module.
It helps creating equal-height columns, positioning them vertically or horizontally, aligning like any other element and usage in flexible sizes. Simply, stuff that we usually need to trick browsers in many ways.
On the other hand, as expected, it only works on WebKit and Gecko browsers.
Flexie is a tiny JavaScript solution that uses Selectivizr's engine to traverse your style sheets and looks for display: box elements. In case that the property is not supported by the browser natively, it applies the fix to make the Flexible Box Model work as expected.
It supports most of the properties that come with the Flexible Layout Module including box-orient, box-align, box-direction and more.
The script is not perfect, has some compatibility issues that can be called as minor in most cases and a good step forward to using this handy CSS3 feature.
Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets
Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)