The grid should be in sass too
build your own :)
If I had the time ;)
1 - Susy. I love it, I love the developers of it. Susy 3 is going to be great. With it I can build exactly what I want, exactly how I want.
2 - Bourbon Neat. It's a great, flexible system similar to Susy. It's also backed by a great team of developers. (Seriously, can Thoughtbot do anything wrong?)
3 - Foundation or Bootstrap. They do everything and they do it quickly.
"Best" is subjective and dependent on your needs.
Jeet is my weapon of choice, though it's Sass/Stylus only.
This is what I'm looking for! More modern way of working with grid :) Thank you
I'm TOTALLY Biased, but Foundation is/has always been my choice.
We use it for every ZURB project and we've built it so you can rapidly create layouts with presentational classes, but then after you've totally nailed your layout you can use our Sass mixins to create a semantic grid.
Let me know if you need any help figuring it out :)
I like the way off using mixin and letting sass do the math for you. Be able to control the grid in the scss file instead of the html. Less clutter!
Thanks for sharing :)
- General/Popular: Bootstrap, Foundation
- Less Popular But Good (arguably better): Bourbon Neat, Susy
- Cool if you can use flexbox: Semantic UI
I'm using/building my own grid framework.
Here's github page.
There is no readme file yet. But it's like bootstrap.
<div class="col-mb-5 col-lg-3">
Just started using a little bit of the SLDS grid this week in one of our web apps and am liking it so far: http://www.lightningdesignsystem.com/components/grid-system/
With our IE9 usage at less than 0.5% (1.45% global usage according to caniuse.com) and not officially supported, flexbox makes a lot of sense for us moving forward. It does take a little getting used to though.
I don't use any grids nowadays. If the project I'm working on is just a portfolio / landing page, then there is no need for a grid, just a good combination of
inline-block, percentage width and media queries. That's it.
Yeah this doesn't scale and If I'm slicing a Wordpress theme I would most probably use foundation grid, but anyway it is far better to include only what you actually use, instead of cluttering your CSS with non-used rules.
Best grid framework is https://github.com/corysimmons/lost
looks cool, but calc() has not the complete browser support yet..
Check browser support section. it can work in IE9 and 8 https://github.com/corysimmons/lost#browser-support
Use Gridset(by Monotype) and create your own framework.
My favorite is the bootstrap grid. Usually I just use the less or sass files I need, so I don't have to deal with an overhead. The bootstrap grid helps me with super fast prototyping, because it's class based.
Depends on your needs. Obviously the most popular frameworks you could try are Bootstrap or Foundation. If you just need a grid, maybe you're off with a skeleton like Boilerplate or Susy. There are so many frameworks out there now. It REALLY depends on your needs, like I said. ( Then there's flex vs no-flex etc ..)