Beluga Posted March 21, 2016 Share Posted March 21, 2016 The future: grid layout and flexbox (use it today with polyfill) The polyfill dude is lacking free time to complete his work. Do help with the issues, if you want to see it progress. 2 Link to comment Share on other sites More sharing options...
tpr Posted March 22, 2016 Share Posted March 22, 2016 Since browser support for flex is now pretty good, I am looking into using flexboxgrid. Spent about an hour to find a flexbox grid that utilizes sass and doesn't require adding classes to markup. Finally I found this: https://ajy.co/the-simplest-sass-flexbox-grid-ever Keeper! 5 Link to comment Share on other sites More sharing options...
thetuningspoon Posted March 22, 2016 Share Posted March 22, 2016 I like mine: https://github.com/thetuningspoon/SI-Layout 1 Link to comment Share on other sites More sharing options...
Christophe Posted March 29, 2016 Share Posted March 29, 2016 Has someone here already tried this one?: http://daneden.github.io/Toast/ It was created by Daniel Eden (animate.css, etc.). It seems interesting, but perhaps (can) uses too many (large) classes... Link to comment Share on other sites More sharing options...
Martijn Geerts Posted March 30, 2016 Share Posted March 30, 2016 @Christophe, I'm more woried about the margin-right: -.25em they are using on columns. They use it to eliminate the white-space between the columns. But when you properly minify the source, there's no white-space, so little gaps will show up. 4 Link to comment Share on other sites More sharing options...
LostKobrakai Posted March 30, 2016 Share Posted March 30, 2016 Also -.25em might not always the the size of the whitespace if there is one. 1 Link to comment Share on other sites More sharing options...
Christophe Posted March 31, 2016 Share Posted March 31, 2016 I'll test pocket grid, lost grid, jeet grid, a flexbox grid, a css grid, and/or susy... when I have a moment... NB: I had a problem once when I tried the "flip" functionality with uikit. It would'nt work correctly. Has anyone tried it? This "functionality" worked well with kraken css (even though I couldn't control it like I wanted when having 3 columns). Link to comment Share on other sites More sharing options...
pwired Posted March 31, 2016 Share Posted March 31, 2016 I'm using pocketgrid effectively for everything I do but have played around a bit with susy and jeet. Depending on the sass that is used every mixin adds x ms to the compile time.Seems that the amount of spans you are using in susy affects noticeably, even with libsass.Susy has many different angles and it quickly starts to do far too much than is necessary.I would prefer jeet as it's really fast and makes much more common sense even with basic sass experience. http://jeet.gs/ 1 Link to comment Share on other sites More sharing options...
Recommended Posts