Introducing the flexible box model
The next-gen solution to versatile layouts
Say goodbye to the box model. It's been almost 15 years since it was introduced, and changes are welcome. Using the flexible box model, we no longer need to worry about layout issues like the ordering of elements in the DOM, and much more. With a little work, and tedious dealing with javascript, amazing layouts can be achieved.
-
Mobile-Ready
Achieve more, faster, with a better layout optimized for all layouts including all modern mobile devices.
-
Easy to Code
The learning curve is huge. And there are a ton of great resources out there to learn about the flexible box model. Most browser companies like Mozilla and Chrome and even the W3C have extensive documentation on using the model.
-
Cross-Browser
Using Javascript libraries like flexie.js, modernizr, and respond.js, we can achieve great responsiveness on old and new browsers alike... up to Internet Explorer
-
Simple, yet Intuitive
With only 6 properties to master, you'll be on your way in no time. If you're stuck you can even stop by at the flexie.js playground.
-
Less Javascript and more CSS3
Your app can now be easily designed with less emphasis on javascript, thanks to newer CSS3 implementations. Add transitions to elements, change their ordering in the box, and watch as you create a drag+drop application in minutes.
-
Mobile-Ready
Achieve more, faster, with a better layout optimized for all layouts including all modern mobile devices.
-
Easy to Code
The learning curve is huge. And there are a ton of great resources out there to learn about the flexible box model. Most browser companies like Mozilla and Chrome and even the W3C have extensive documentation on using the model.
-
Cross-Browser
Using Javascript libraries like flexie.js, modernizr, and respond.js, we can achieve great responsiveness on old and new browsers alike... up to Internet Explorer
-
Simple, yet Intuitive
With only 6 properties to master, you'll be on your way in no time. If you're stuck you can even stop by at the flexie.js playground.
-
Less Javascript and more CSS3
Your app can now be easily designed with less emphasis on javascript, thanks to newer CSS3 implementations. Add transitions to elements, change their ordering in the box, and watch as you create a drag+drop application in minutes.