Hi there, I am the creator of Picnic CSS [1], a 5kb library similar to this one. I love the page and the logo, really minimalist and clean. A couple of tips for the library:<p>- Subtle animations. It doesn't take many bytes, but it makes it look much better<p>- :active status gives visual feedback that you are clicking the element<p>- The grid doesn't accept gutter nor reversing order by css, which makes it not really mobile-friendly for alternating patterns in a page. There's not really a single good solution in css for both [2]<p>- <select> looks just like a normal input without down arrow in Firefox<p>Keep it up (:<p>[1] <a href="http://picnicss.com/" rel="nofollow">http://picnicss.com/</a>
[2] <a href="https://github.com/picnicss/picnic/issues/58" rel="nofollow">https://github.com/picnicss/picnic/issues/58</a>
Why do I need npm or bower to install it? It's a 2kb css file. Now I do know what npm and bower are, however another web designer might not. So I think a link to the file itself would be handy.
Love seeing these microframeworks pop-up. I wrote my own a while back for kicks <a href="http://goatslacker.github.io/lotus.css/" rel="nofollow">http://goatslacker.github.io/lotus.css/</a><p>I would love to be able to make a custom builds of milligram by shedding some of the modules I don't care about. This could also open it up to other modules being added like Modals or whatever.
For anyone keeping track at home, Bootstrap is 25KB, gzipped, with all modules included. If you don't include all the modules/stylesheets, you can easily get it down to half that. Milligram is 2.7KB.<p>Still, I like the flexbox-based grid.
This is a very nice looking CSS stylesheet. Can someone explain what makes this a "framework"?<p>(I did look through the docs, but didn't see the kind of modular or "designed to be built on" philosophy expressed in frameworks like Pure CSS.)
Problems like eg: the docs dropdown not able to be fully viewed in landscape mode on my phone always bring me back to larger projects like bootstrap. Extensive testing across multiple devices, browsers, and oses is crucial to me.
Great to see this on the front page!<p>Was fed up with a template-driven site I built a few months ago and was looking for CSS frameworks to base a redesign on.<p>Only downloaded Milligram the other day and have been having a blast getting it set up. Has a great mobile-first approach with absolutely minimal code in order to build fast, responsive sites with ease.<p>Looking forward to tracking its development but it already has everything I want to get a site up and running quickly.
Several comments mention Skeleton as possible alternative to Milligram. Unfortunately, as pointed out, Skeleton appears to be dead, i.e., no project activity for a year.<p>I've also used Skeleton in several projects though it required customization of UI element sizes, max grid width, etc. On the whole Skeleton worked well enough and sufficiently lightweight.<p>For all Skeleton users, the project was forked a few months ago and now lives on as skeletonframework, available here: <a href="https://github.com/skeletonframework/skeletonframework" rel="nofollow">https://github.com/skeletonframework/skeletonframework</a>
Hey, bug report: the page doesn't render correctly on iPhone, testing with iOS 7, the page height is many many times the height of the screen, it's miles of scrolling emptiness before I get to content.<p>Can't debug here but this usually caused by using the vh units in CSS: there's a bug with iOS that causes the vh unit to behave improperly. This may have been fixed in later versions of iOS<p>Anyone running a later version of iOS seeing the same thing?
I really like this. I was about to ask what makes it better than bootstrap, skeleton, foundation etc. But it's really straightforward, so I can focus on raw code instead of thinking of nice formatting.<p>Sometimes I just want a page to display data. This works perfect for that.
On my last web project (a couple years back now) I used GUSS
(<a href="https://github.com/guardian/guss" rel="nofollow">https://github.com/guardian/guss</a>) which I liked because it was light-weight and modular. But it hasn't had any activity recently and so I'm in the market for a new CSS framework. I was looking at Bootstrap 4, which certainly has a lot going for it. It has created a community - including template developers. But Bootstrap is big and it presumably still uses JQuery, which I've dropped from my toolkit. Milligram looks promising. Are there other similar projects?
Coming from a user/CSS perspective -- I'm hugely disillusioned with most current web design, but this actually Isn't Awful.<p>Particular kudos for going with REM units. My overall preference is to set:<p><pre><code> html { font-size: medium; }
</code></pre>
Then base subsequent sizes off of REM multiples. This ensures that users who <i>do</i> set default font size to something sane aren't suffering, while those who don't actually have a reasonable basis for zooming the page in and/or out.<p>A slight margin for reasonably-large mobile sizes (10" tablet here) would also help a bit.
This is awesome man. I hate how many frontend web frameworks require javascript to look decent on mobile and on desktop. There is no reason that a personal website serving static pages needs to be running anything on the remote end. This looks great on mobile and on desktop.<p>I'm going to be remaking my personal website soon with this. Thanks for posting.
By default I reach for Skeleton[1] on side projects, which is similar in a lot of ways, but I really like the way the grid looks/functions in Milligram.<p>Also, defining pairs of CSS classes to accommodate the user rounding in either direction made me smile (ie .column-66 === .column-67).<p>Definitely going to try it out on my next project.<p>[1] getskeleton.com
I like seeing CSS frameworks as a source of inspiration. Now that i'm using CSS Modules I can't really see myself using any directly. It'd be interesting to see what types of frameworks crop up with CSS Modules in mind.
Nice work! I've been using base (<a href="http://www.basscss.com/" rel="nofollow">http://www.basscss.com/</a>) for a couple years now. Any idea how it compares to this other than being ~1kb bigger?
why do i keep seeing forms where labels use the `for` attribute instead of wrapping the input in the label?<p>relying on ids makes creating components a pain in the ass
I'm not a webdev, and the fascination with yet-another-framework for JavaScript is really cute, but I really really REALLY don't get this. It's it appears to be nothing more than a CSS stylesheet. So what?