Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

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

foundation.zurb.com

Post reply on HN
Print view View original

11–20 of 29 posts

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

#11

Post by wyck »

owenjones wrote: post #4
pssdbt wrote: post #3

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.

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

#14

Post by dorian-graph »

pssdbt wrote: post #3

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

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 changing screen dimensions

#15

Post by DanielKehoe »

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 changing screen dimensions

#16

Post by desigooner »

pssdbt wrote: post #3

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

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 changing screen dimensions

#17

Post by wvenable »

desigooner wrote: post #16
pssdbt wrote: post #3

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

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.

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

#18

Post by dorian-graph »

Refringe wrote: post #2

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.

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

#19

Post by dorian-graph »

DanielKehoe wrote: post #15

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.

Post reply on HN