News for hackers. Stuff that matters.
Re:Foundation: HTML/CSS boilerplate that responds to changin... by DanielKehoe on Thursday October 20, 2011 @06:33PM (#3137421)
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/)?

Re:Foundation: HTML/CSS boilerplate that responds to changin... by dorian-graph on Thursday October 20, 2011 @08:49PM (#3137804)
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.

Re:Foundation: HTML/CSS boilerplate that responds to changin... by pssdbt on Thursday October 20, 2011 @04:49PM (#3136912)
Sounds similar to Skeleton (http://getskeleton.com/) but a little more in-depth (I noticed more attention to forms in Foundation, which is nice).
Re:Foundation: HTML/CSS boilerplate that responds to changin... by desigooner on Thursday October 20, 2011 @07:07PM (#3137532)
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.
Re:Foundation: HTML/CSS boilerplate that responds to changin... by wvenable on Thursday October 20, 2011 @07:40PM (#3137647)
Works for me; both styles. Clicking on the label selects the checkbox/radio.
Re:Foundation: HTML/CSS boilerplate that responds to changin... by desigooner on Thursday October 20, 2011 @10:55PM (#3138151)
Maybe it was my browser then. Sorry for the false alarm.
Re:Foundation: HTML/CSS boilerplate that responds to changin... by dorian-graph on Thursday October 20, 2011 @06:28PM (#3137405)
It's the same kind of object like Blueprint, Goldilocks, Bootstrap, Columnal, 1140, Gridless, Skeleton and Grid.
Re:Foundation: HTML/CSS boilerplate that responds to changin... by owenjones on Thursday October 20, 2011 @04:56PM (#3136946)
That's exactly what I thought. Anyone with more knowledge care to compare / contrast this and Skeleton?
Re:Foundation: HTML/CSS boilerplate that responds to changin... by wyck on Thursday October 20, 2011 @06:04PM (#3137304)
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.
Re:Foundation: HTML/CSS boilerplate that responds to changin... by nbashaw on Thursday October 20, 2011 @05:12PM (#3137031)
Well, PHP was certainly a frustrating choice.
Re:Foundation: HTML/CSS boilerplate that responds to changin... by lukifer on Thursday October 20, 2011 @05:46PM (#3137224)
Some of us still use (and like) PHP, thank you very much. Nothing wrong with targeting a niche.
Re:Foundation: HTML/CSS boilerplate that responds to changin... by goodside on Thursday October 20, 2011 @10:45PM (#3138129)
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.
Re:Foundation: HTML/CSS boilerplate that responds to changin... by rhizome31 on Thursday October 20, 2011 @10:32PM (#3138092)
I couldn't find on the website how exactly they use PHP. Does a website need to be coded in PHP to use Foundation?
Re:Foundation: HTML/CSS boilerplate that responds to changin... by goodside on Thursday October 20, 2011 @10:38PM (#3138110)
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.
Re:Foundation: HTML/CSS boilerplate that responds to changin... by Gigablah on Thursday October 20, 2011 @10:44PM (#3138125)
Less Framework does this as well: http://lessframework.com/
Re:Foundation: HTML/CSS boilerplate that responds to changin... by almostperfect on Friday October 21, 2011 @02:58AM (#3138755)
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.
Re:Foundation: HTML/CSS boilerplate that responds to changin... by brackin on Thursday October 20, 2011 @06:13PM (#3137340)
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.
Re:Foundation: HTML/CSS boilerplate that responds to changin... by dools on Friday October 21, 2011 @12:27AM (#3138418)
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

Re:Foundation: HTML/CSS boilerplate that responds to changin... by Refringe on Thursday October 20, 2011 @04:47PM (#3136903)
This looks really handy. It's disappointing that there's only partial support for IE7.
Re:Foundation: HTML/CSS boilerplate that responds to changin... by dorian-graph on Thursday October 20, 2011 @08:46PM (#3137797)
http://foundation.zurb.com/docs/qa.php - It seems to support IE7 fine unless they have another page detailing IE7 problems.
Re:Foundation: HTML/CSS boilerplate that responds to changin... by mikeburrelljr on Friday October 21, 2011 @01:42AM (#3138604)
Prefer Bootstrap out of the gate, but still looks very nice
Re:Foundation: HTML/CSS boilerplate that responds to changin... by scottmcleod on Friday October 21, 2011 @03:02AM (#3138767)
Mmmm I like this. Goodbye 960 / CSSGrid