5 ms·
Foundation: HTML/CSS boilerplate that responds to changing screen dimensions
- Refringe 15y agoThis looks really handy. It's disappointing that there's only partial support for IE7.
- cancelbubble 15y agoBake in Google Chrome Frame.
- dorian-graph 15y agohttp://foundation.zurb.com/docs/qa.php http://foundation.zurb.com/docs/qa.php - It seems to support IE7 fine unless they have another page detailing IE7 problems.
- pssdbt 15y agoSounds similar to Skeleton (http://getskeleton.com/ http://getskeleton.com/) but a little more in-depth (I noticed more attention to forms in Foundation, which is nice).
- owenjones 15y agoThat's exactly what I thought. Anyone with more knowledge care to compare / contrast this and Skeleton?
- smileyj68 15y agoCouple 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.
- wyck 15y agoI 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.
- dorian-graph 15y agoIt's the same kind of object like Blueprint, Goldilocks, Bootstrap, Columnal, 1140, Gridless, Skeleton and Grid.
- desigooner 15y agoI 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.
- wvenable 15y agoWorks for me; both styles. Clicking on the label selects the checkbox/radio.
- desigooner 15y agoMaybe it was my browser then. Sorry for the false alarm.
- nbashaw 15y agoWell, PHP was certainly a frustrating choice.
- lukifer 15y agoSome of us still use (and like) PHP, thank you very much. Nothing wrong with targeting a niche.
- goodside 15y agoIf 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.
- deleted 15y ago[deleted]
- zurbmatt 15y agoAgreed, 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.
- rhizome31 15y agoI couldn't find on the website how exactly they use PHP. Does a website need to be coded in PHP to use Foundation?
- goodside 15y agoNo, 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.
- rooofl 15y agoFoundation website is buggy when I try to resize my browser. Also, the reference http://dynamo.dictionary.com/ http://dynamo.dictionary.com/ is very buggy :/
- brackin 15y agoVery 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.
- DanielKehoe 15y agoI see there is a Rails gem for Foundation: https://github.com/zurb/foundation-rails https://github.com/zurb/foundation-rails But please, tell me why I should use this rather than Skeleton (http://getskeleton.com/ http://getskeleton.com/) or Twitter's Bootstrap (http://twitter.github.com/bootstrap/ http://twitter.github.com/bootstrap/)?
- dorian-graph 15y agoWhy 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 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.
- duggi 15y agoanyone else's confidence shaken by the .DS_Store checkins?
- Gigablah 15y agoLess Framework does this as well: http://lessframework.com/ http://lessframework.com/
- dools 15y agoI like the fact that they've got boilerplate styles but their "grid" is still using floats, big strike out there. The http://stacklayout.com/ 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
- mikeburrelljr 15y agoPrefer Bootstrap out of the gate, but still looks very nice
- almostperfect 15y agoThe 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.
- scottmcleod 15y agoMmmm I like this. Goodbye 960 / CSSGrid