Foundation: HTML/CSS boilerplate that responds to changing screen dimensions | Hacker News Reader

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

foundation.zurb.com

118 pointsaudionerd22 comments

I see there is a Rails gem for Foundation: https://github.com/zurb/foundation-rails

But please, tell me why I should use this rather than Skeleton (http://getskeleton.com/) or Twitter's Bootstrap (http://twitter.github.com/bootstrap/)?

Why use Skeleton when you can use Columnal or Goldilocks?

From a brief read Foundation explicitly supports nested grids, it's handling of centering columns seems preferable, more than one type of button class, slideshow integration, etc.

I recommend reading through the docs (http://foundation.zurb.com/docs/index.php) and if you're familiar with Skeleton you'll notice what's different.

I've used Skeleton in the past but for future projects I think I'd go with either Foundation, Columnal or Goldilocks.

Sounds similar to Skeleton (http://getskeleton.com/) but a little more in-depth (I noticed more attention to forms in Foundation, which is nice).

That's exactly what I thought. Anyone with more knowledge care to compare / contrast this and Skeleton?

I just made a WordPress port of skeleton, a quick look at foundations shows it to be very similar in terms of the responsive CSS, in fact they use exactly the same CSS, based on the 960 grid. The differences are foundations has a lot more "stuff" you can see in the github /marketing folder. It contains a slew of layout options, .php examples, javascript, fonts, etc, some are actually quite interesting and worth a look.

It's the same kind of object like Blueprint, Goldilocks, Bootstrap, Columnal, 1140, Gridless, Skeleton and Grid.

I haven't seen the code but the examples for Checkbox/Radio Buttons are not accessible. If I click on the label, they do nothing.Ideally, they should toggle the checkbox/select the radio button.

Works for me; both styles. Clicking on the label selects the checkbox/radio.

Maybe it was my browser then. Sorry for the false alarm.

Well, PHP was certainly a frustrating choice.

Some of us still use (and like) PHP, thank you very much. Nothing wrong with targeting a niche.

If it actually required PHP, or was somehow particularly useful to PHP users, or was even just identified on the website as a "PHP/CSS framework", that'd make sense. This isn't targeting a niche, it's firing a rifle blindfolded and hitting your neighbor's niche.

I couldn't find on the website how exactly they use PHP. Does a website need to be coded in PHP to use Foundation?

No, it doesn't, which is probably why nothing on the site even mentions PHP. Nonetheless, when you download Foundation it's presented PHP files that do just enough in the way of conditional server-side includes to scare away people that don't know PHP and don't want to have to unravel it out to try out a new CSS framework. That's why it's frustrating.

Less Framework does this as well: http://lessframework.com/

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.

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.

I like the fact that they've got boilerplate styles but their "grid" is still using floats, big strike out there.

The http://stacklayout.com/ 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

This looks really handy. It's disappointing that there's only partial support for IE7.

http://foundation.zurb.com/docs/qa.php - It seems to support IE7 fine unless they have another page detailing IE7 problems.

Prefer Bootstrap out of the gate, but still looks very nice

Mmmm I like this. Goodbye 960 / CSSGrid

Reply on news.ycombinator.com