Flexbox in 5 minutes

Re:Flexbox in 5 minutes by pi-rat on Tuesday March 03, 2015 @09:00AM (#9137624)

Doesn't work properly in safari, seems to be missing the -webkit prefixes (still..) required by safari. :/

[ Parent | on HN ]

Re:Flexbox in 5 minutes by robin_reala on Tuesday March 03, 2015 @09:14AM (#9137688)

Not that this helps the demo, but for your own apps autoprefixer does a good job of polyfilling in the previous versions of flexbox that are still hanging around (assuming you’ve got a build chain): https://github.com/postcss/autoprefixer

[ Parent | on HN ]

Re:Flexbox in 5 minutes by freshyill on Tuesday March 03, 2015 @10:05AM (#9137948)

I'm working on a major redesign right now and working heavily with Flexbox. Between all the prefixes and the display: table fallbacks I'm using for old IE, there's a lot to manage.

Autoprefixer's value really becomes obvious when dealing with Flexbox. Flexbox is unique because it's not just vendor prefixes, but two previous specs that you need to manage. I really couldn't build a large site without it.

[ Parent | on HN ]

Re:Flexbox in 5 minutes by masklinn on Tuesday March 03, 2015 @09:20AM (#9137723)

For playing around or to accompany tools/systems without an assets pipeline, Lea Verou's prefixfree[0] works very well, it does not require a compilation/munging phase and only generates the necessary prefixes for the browser it's run into. Really quite convenient.

[0] http://leaverou.github.io/prefixfree/

[ Parent | on HN ]

Re:Flexbox in 5 minutes by _devbryce on Tuesday March 03, 2015 @01:14PM (#9139429)

Sorry about that. When I first built this (many moons ago) it was unreasonably difficult to get it working in Safari. Sounds like it's time to revisit that issue.

[ Parent | on HN ]