28 comments

[ 3.0 ms ] story [ 69.4 ms ] thread
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?
Couple differences: Skeleton was designed as more of a boilerplate than a full framework, and Skeleton focuses on being responsive through breakpoints (specific sizes at which the layout shifts) rather than a percentage-based grid system.
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.
(comment deleted)
Agreed, but we really wanted people to be able to unzip somewhere on their document root and go.

PHP is already installed just about everywhere, and assuming that you already have Apache running it will just work. All that said, we are only using PHP for includes, and it's trivial to switch these out with what ever language you end up using for implantation. In our case it's just replacing include with Rails render partial.

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.
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 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.

anyone else's confidence shaken by the .DS_Store checkins?
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

Prefer Bootstrap out of the gate, but still looks very nice
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.
Mmmm I like this. Goodbye 960 / CSSGrid