Primer – CSS toolkit and guidelines that power GitHub

Sometimes I hate web development. Comparing the buttons (<a href="http://primercss.io/buttons/" rel="nofollow">http:&#x2F;&#x2F;primercss.io&#x2F;buttons&#x2F;</a>) between Chrome and Safari on my Mac, the text is a pixel further up in Chrome and thus looks slightly wonky to me.<p>Here&#x27;s a screenshot of the two side-by-side (Chrome left, Safari right), zoomed to 500% in Photoshop with a 1px grid: <a href="http://imgur.com/dhZrxFH" rel="nofollow">http:&#x2F;&#x2F;imgur.com&#x2F;dhZrxFH</a>

I&#x27;m surprised at the lack of semantic meaning in most popular grid frameworks.<p>Years ago, we moved away from layout with tables because &lt;table&gt;&lt;tr&gt; is a horrible way to separate presentation from content but &lt;div class=&quot;two-thirds columns&quot;&gt; is just as bad.

Related blog post: <a href="http://markdotto.com/2015/03/23/introducing-primer/" rel="nofollow">http:&#x2F;&#x2F;markdotto.com&#x2F;2015&#x2F;03&#x2F;23&#x2F;introducing-primer&#x2F;</a>

&gt; Primer is the basecoat...<p>That&#x27;s an interesting confusion within the analogy.

@mdo is one of the maintainers. Is this a spiritual successor to Bootstrap?

I like it, as it&#x27;s much more semantically oriented than Bootstrap. But why do the buttons still need the &quot;BTN class?

I think the &quot;Pixels vs ems&quot; was a bit short. Anyone?<a href="http://primercss.io/guidelines/" rel="nofollow">http:&#x2F;&#x2F;primercss.io&#x2F;guidelines&#x2F;</a>

why would i want a css toolkit from a site that can&#x27;t even show usable scroll bars in a text area?<p>it is simply impossible to see diffs with slightly longer lines without scrolling all the way to the bottom of the page, away from the line you want to read, so you can reach the horizontal scroll bar.<p>meh.

I loved the tooltips implementation. I&#x27;d like to grab just that.

Love this. What other companies have released their CSS&#x2F;HTML guidelines?<p>I much prefer to read guidelines like this, than using a full framework.

I&#x27;m looking forward to seeing their GFM styles... that&#x27;s probably the most compelling to me.

Why do I have to put 3 divs in order to make work the grid?

Terrific and very useful.

This just seems kinda boring - visually and technically. Do we really need another CSS toolkit with an almost replicated feature set.<p>Every year, I think github is going to somehow release a long awaited product that blows me away with all the talent they have. Every year, I&#x27;m surprised at how little they change, and how all the opportunities that seem obvious slip to the wayside.

With this, the updated rankings are in:<p>new JavaScript frameworks this month: 24<p>new CSS frameworks this month: 21<p>Will front-end developers be able to catch up to JavaScript&#x27;s score or is it going to be the third month in row JavaScript gets more frameworks out there than CSS? With less than 10 days left on the clock, avid front-enders will have to give everything they have to release at least 3 more frameworks. And as you know, unless it is a MAJOR update according to the semver standard, current framework updates don&#x27;t count!<p>.satire {}