Use Flexbox Today, As Progressive Enhancement

From the Smashing Magazine email newsletter.

There is still a common misconception that Flexbox isn’t yet widely supported and can’t be used in real projects. Well, it isn’t true. Flexbox is a standardized specification, it’s well-supported (with Opera Mini supporting it since last Monday) with many ready-to-use solutions and in fact, we can use it today on UI components if we treat Flexbox as progressive enhancement. In fact, we can make boxes automatically grow to fill space, lay out boxes in any direction easily, align boxes on any side and place boxes out of order from HTML without duplicate markup.

We can’t build layouts with Flexbox-first approach, but browsers not supporting Flexbox will ignore Flexbox properties, so i.e. we could use display: inline-block together with display: flex — with Flexbox-properties listed after the fallback properties. There are many resources on Flexbox and if you’d like to understand how to apply Flexbox in actual projects, Zoe M. Gillenwater’s Flexbox talk (47 min) and recent presentation could be very helpful. So, there is no reason not to use Flexbox today! (vf)

source

Leave a Reply

Your email address will not be published. Required fields are marked *