Show HN: A small (less than 2 kb) CSS framework

Why a 10 column grid? 12 makes much more sense to me since it is divisible by 2, 3, 4 and 6 while 10 is only divisible by 2 and 5. 12 gives more options with hardly any additional styles.

I use Simple-Grid. 12 Columns, 1140px, and smaller than this at 1.7 kb- <a href="http://thisisdallas.github.io/Simple-Grid/" rel="nofollow">http:&#x2F;&#x2F;thisisdallas.github.io&#x2F;Simple-Grid&#x2F;</a>

At this point&#x2F;size, why do you even need a &#x27;framework&#x27;? I think anybody who wants to adopt this kit and modify it a bit might as well just code the css themselves.

Most of you people are very smart, and I&#x27;m sure code very complex apps&#x2F;services. Seriously, you can write this much CSS on your own. You don&#x27;t need a framework.

Nice work, although a little useless right now.<p>It would be nice if your browser support was a little more informative than &quot;The latest versions of Chrome, FF, Safari&quot;. What platforms are you supporting? FF runs on multiple devices nowadays and although it has the same rendering engine there are subtle differences (particularly in font rendering). Also you should set a baseline for browsers, as my users don&#x27;t use the latest versions of a browser, and we have a minimum requirement.<p>As said already it&#x27;s a little odd to go with a 10 column grid, given that 12 is more divisible.<p>On a more general note, wouldn&#x27;t it be nice if front-end CSS frameworks were more inter-operable. Let&#x27;s say I want to use Foundation&#x27;s forms, Simple Grid&#x27;s grid and Bootstrap&#x27;s alert I would have to compile Bootstrap and Foundation separately and then learn the proprietary markup and classes that Foundation uses for its forms, and then do the same for Simple Grid&#x27;s grid and Bootstrap&#x27;s alerts. In an ideal world the markup would be consistent and the classes and you could simply switch out your CSS files to try different things.

What would be really cool is building visual layout tooling for CSS frameworks...something along the lines of jetstrap or layoutit but perhaps more generic...it would have the ability to flexibly define components and their design time rendering.<p>Another thing that would be cool is a generic css layout framework..basically a more robust form of the grid...something like this <a href="http://layout.jquery-dev.net/" rel="nofollow">http:&#x2F;&#x2F;layout.jquery-dev.net&#x2F;</a> but perhaps have only jquery as dependency and styling being up to user.

Well, I&#x27;m impressed. Looks sort of like an old bootstrap.

I like it. Definitely gets the point of &quot;KISS&quot;.

I feel like this might be his pet project to learn how a framework works and is not meant as a production ready framework. It doesn&#x27;t do media queries for browser size nor does it have very much in the way of components. Probably would be more appropriate on a sub-reddit with some better title like &quot;Learning how CSS frameworks work. Pointers?&quot;

The tables are a bit busted on the smallest breakpoint, but other than that it&#x27;s pretty awesome for the size. Well played sir.

The columns should probably break down and resize to 100% for mobile devices - your 420px container.<p>I&#x27;m not sure what will fit in a the one, two, and three width columns... possibly an image. But the wrapping text in each column for the 420px container is going to look a bit off.

Very nice. Although the tables mess of the responsiveness a bit. Don&#x27;t compress fully.

This is nice, will definitely use it in my next project.

It has a very nice flat design to it, I like it. I might just use it and possibly extend it at some point.

Am I the only one who would prefer &quot;cursor: pointer&quot; on these buttons?

i love these things. super simple and super basic, yet still serves an effective purpose. nice job.

☆☆☆☆☆

a) This is rididiculous<p>b) It isn&#x27;t &quot;even less than 2 kb&quot;<p>file 2 lines (1 sloc) 2.594 kb<p>(<a href="https://github.com/andhart/bijou/blob/master/css/bijou.css" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;andhart&#x2F;bijou&#x2F;blob&#x2F;master&#x2F;css&#x2F;bijou.css</a>)