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.

Foundation: HTML/CSS boilerplate that responds to changing screen dimensions

118 pointsby audionerdover 13 years ago

10 comments

DanielKehoeover 13 years ago
I see there is a Rails gem for Foundation: <a href="https://github.com/zurb/foundation-rails" rel="nofollow">https://github.com/zurb/foundation-rails</a><p>But please, tell me why I should use this rather than Skeleton (<a href="http://getskeleton.com/" rel="nofollow">http://getskeleton.com/</a>) or Twitter's Bootstrap (<a href="http://twitter.github.com/bootstrap/" rel="nofollow">http://twitter.github.com/bootstrap/</a>)?
评论 #3137804 未加载
pssdbtover 13 years ago
Sounds similar to Skeleton (<a href="http://getskeleton.com/" rel="nofollow">http://getskeleton.com/</a>) but a little more in-depth (I noticed more attention to forms in Foundation, which is nice).
评论 #3137532 未加载
评论 #3137405 未加载
评论 #3136946 未加载
nbashawover 13 years ago
Well, PHP was certainly a frustrating choice.
评论 #3137224 未加载
评论 #3138092 未加载
评论 #3137228 未加载
评论 #3137233 未加载
Gigablahover 13 years ago
Less Framework does this as well: <a href="http://lessframework.com/" rel="nofollow">http://lessframework.com/</a>
almostperfectover 13 years ago
The page itself seems to resize pretty gracefully with one exception. Between a width of about 800-950 for me on Firefox there is a fairly sizable amount of empty space (about 750px) before the page content starts.
brackinover 13 years ago
Very excited by this, looks very nice and pretty handy. The more choice in this space the better in my opinion. Having Tim Ferris in there makes it seem like this is going to change my life.
doolsover 13 years ago
I like the fact that they've got boilerplate styles but their "grid" is still using floats, big strike out there.<p>The <a href="http://stacklayout.com/" rel="nofollow">http://stacklayout.com/</a> is heaps better - using display:inline-block; for nestable grids means no more annoying column classes etc. It's a much nicer way to work
Refringeover 13 years ago
This looks really handy. It's disappointing that there's only partial support for IE7.
评论 #3137797 未加载
评论 #3137339 未加载
mikeburrelljrover 13 years ago
Prefer Bootstrap out of the gate, but still looks very nice
scottmcleodover 13 years ago
Mmmm I like this. Goodbye 960 / CSSGrid