The grid should be in sass too
19 comments
Rick Lancee, over 7 years ago
build your own :)
Ambjörn Fagerström, over 7 years ago
If I had the time ;)
Miguel Solorio, over 7 years ago "Best" is subjective and dependent on your needs.
Rasmus Eriksson, over 7 years ago
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.
Aaron White, over 7 years ago
Foundation!
Jeremy Tinianow, over 7 years ago
Jeet is my weapon of choice, though it's Sass/Stylus only.
Ambjörn Fagerström, over 7 years ago
This is what I'm looking for! More modern way of working with grid :) Thank you
Brandon Arnold, over 7 years ago
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.
http://www.sitepoint.com/semantic-markup-foundation-5-sass/
Let me know if you need any help figuring it out :)
Ambjörn Fagerström, over 7 years ago
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 :)
Roel van Hintum, over 7 years ago (edited over 7 years ago )
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.
Ryan Rushing, over 7 years ago (edited over 7 years ago )
Use Gridset(by Monotype) and create your own framework.
Jitendra Vyas, over 7 years ago (edited over 7 years ago ) Best grid framework is https://github.com/corysimmons/lost
Ambjörn Fagerström, over 7 years ago
looks cool, but calc() has not the complete browser support yet..
Jitendra Vyas, over 7 years ago Check browser support section. it can work in IE9 and 8 https://github.com/corysimmons/lost#browser-support
Ivan Drinchev, over 7 years ago
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.
Sam Bible, over 7 years ago 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.
Ozgur Ozer, over 7 years ago (edited over 7 years ago )
I'm using/building my own grid framework.
Here's github page.
https://github.com/ozgrozer/responsiveHelper
There is no readme file yet. But it's like bootstrap.
<div class="col-mb-5 col-lg-3">
Kyle Robinson, over 7 years ago (edited over 7 years ago ) - General/Popular: Bootstrap, Foundation
- Less Popular But Good (arguably better): Bourbon Neat, Susy
- Cool if you can use flexbox: Semantic UI
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now