TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Primer – CSS toolkit and guidelines that power GitHub

256 pointsby hswolffabout 10 years ago

15 comments

bshimminabout 10 years ago
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>
评论 #9253512 未加载
评论 #9254751 未加载
评论 #9254345 未加载
评论 #9253424 未加载
评论 #9253390 未加载
mantasmabout 10 years ago
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.
评论 #9253908 未加载
评论 #9255615 未加载
评论 #9253593 未加载
评论 #9253745 未加载
评论 #9253595 未加载
评论 #9254441 未加载
评论 #9253635 未加载
评论 #9253594 未加载
评论 #9254331 未加载
评论 #9254949 未加载
评论 #9253897 未加载
hswolffabout 10 years ago
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>
baddoxabout 10 years ago
&gt; Primer is the basecoat...<p>That&#x27;s an interesting confusion within the analogy.
评论 #9253959 未加载
评论 #9253178 未加载
ChikkaChiChiabout 10 years ago
@mdo is one of the maintainers. Is this a spiritual successor to Bootstrap?
评论 #9252950 未加载
评论 #9253049 未加载
BerislavLopacabout 10 years ago
I like it, as it&#x27;s much more semantically oriented than Bootstrap. But why do the buttons still need the &quot;BTN class?
评论 #9253123 未加载
andreashabout 10 years ago
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>
评论 #9255848 未加载
gcb0about 10 years ago
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.
评论 #9279927 未加载
评论 #9256715 未加载
armandososaabout 10 years ago
I loved the tooltips implementation. I&#x27;d like to grab just that.
评论 #9255970 未加载
评论 #9253063 未加载
andreashabout 10 years ago
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.
评论 #9255804 未加载
tracker1about 10 years ago
I&#x27;m looking forward to seeing their GFM styles... that&#x27;s probably the most compelling to me.
jbejaabout 10 years ago
Why do I have to put 3 divs in order to make work the grid?
评论 #9253916 未加载
mcenedellaabout 10 years ago
Terrific and very useful.
beatboxrevivalabout 10 years ago
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.
评论 #9254339 未加载
pearjuiceabout 10 years ago
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 {}
评论 #9253921 未加载