Hacker News Reader

Comment by sergiotapia | Hacker News Reader

I love this idea - I no longer like using Twitter Bootstrap because it's just so huge! And 90% of the time I find myself creating an override file to style it to my websites feel.

I do love their grid system though, does anyone know of a great lightweight grid system that's robust like Bootstrap's?

View on HN

This blew my mind when I first saw it -- a minimalist DIY grid system: http://jordanlev.github.io/grid/

Eh? Do you mean bootstrap blew your mind, or the framework you wrote blew your mind?

P.S. Nice presentation of the concept

Edit: when I originally posted this, it was a fork of https://github.com/aekaplan/grid -- which I did not write (tried to express that via "when I first saw it", but in hindsight was not clear). I've since changed it at the original author's request. Apologies for any confusion!

Checkout PureCSS[0], it's Yahoo's minimal framework. Something like 4k gzipped. Also you can pick and choose what you want.

No SaSS/LeSS built in support, but it's small, you can just port it yourself pretty easy... it is called pure CSS for a reason I guess.

[0]- http://purecss.io/

> I do love their grid system though, does anyone know of a great lightweight grid system that's robust like Bootstrap's?

If you use the LESS or SASS versions of Bootstrap, you can pick and choose what to import (grid, navbar, pills, buttons, etc.)

Otherwise take a look at Bourbon (http://neat.bourbon.io/) or Susy (http://susy.oddbird.net/).

Looks good but doesn't give you fine control over when to vertically stack columns at xsmall, small, medium and large.

> And 90% of the time I find myself creating an override file to style it to my websites feel.

Isn't that kind of the point?

Not only should you be overriding stuff, but nowadays they include the LESS files (with Bower at least) so in essence you can pick and/or rewrite the parts you want.

The complaint that Bootstrap is so huge is no longer valid, people are just super lazy.

That's my take as well... imho, you should be using bootstrap from the source... I usually start with the source, copy the mixins and variables files, and then create a new main less file that references all the parts I need with my copy of mixins/vars... works out really well, and less need to worry about new versions.

I've used http://weice.in/ivory/index.html before and liked it. However, I don't do much web-design, so I can't really comment on how good or bad it is, just that I've found it useful in the past.

Try this out: http://unsemantic.com/

http://neat.bourbon.io/ is decent

I made myself a quick grid builder similar to Bootstrap, Foundation, and YUI Pure: http://thomasjbradley.github.io/gridifier/

As of 0.5.0-pre Pure is not using flexbox.

http://ptb2.me/flexgrid/

I had a quick look at simple grid, which seems basic enough - just a single CSS file.

Reply on news.ycombinator.com