3 ms·

I don't know why (maybe I'm just not good with css and html in general), but I'm always confused when looking at these grid systems. Trying to use zurb in a pro

I don't know why (maybe I'm just not good with css and html in general), but I'm always confused when looking at these grid systems. Trying to use zurb in a project now and I'm kinda lost. Any good resources other than their docs for sort of showing how to use zurb in a full project?

lowboy 13y ago
Are you talking about Zurb's grid system[0] specifically, or referring to Zurb/Bootstrap as "grid systems"? If it's the latter, a simple Google search for "how to use Bootstrap" turns up a lot of resources, including this one[1], which looks good. You might be able to find Foundation-specific ones, but Bootstrap seems to have the edge in popularity. [0]: http://foundation.zurb.com/docs/components/grid.html http://foundation.zurb.com/docs/components/grid.html [1]: http://www.onextrapixel.com/2012/11/12/how-to-use-twitter-bootstrap-to-create-a-responsive-website-design/ http://www.onextrapixel.com/2012/11/12/how-to-use-twitter-bo...
fein 13y ago
Where are you hung up? It might just be something simple that I, or anyone else around here can answer quickly. Everything I learned was from trial and error through messing with F4's grid system.
bluejaythemes 13y ago
Webdesigntuts+ has a thorough series covering Foundation 4 you might be interested in. If your a Lynda subscriber, they’ve got a couple of courses on Foundation 4, as well. There’s not a whole lot of difference between the grid in Foundation 4 and Foundation 5. Foundation 5 does add a new medium breakpoint which is great for tablets. http://www.webdesign.tutsplus.com/tutorials/htmlcss-tutorials/foundation-for-beginners-getting-started/ http://www.webdesign.tutsplus.com/tutorials/htmlcss-tutorial... http://www.lynda.com/Foundation-training-tutorials/1628-0.html http://www.lynda.com/Foundation-training-tutorials/1628-0.ht...
- xwowsersx 13y ago
  Thank you for this. I will definitely check out the tutsplus tutorial!
- xwowsersx 13y ago
  Man, the quality of the videos on Lynda.com always impresses me. But I don't wanna pay $25 when that's the only series I want. Wish I could just do a la carte.

lowboy 13y ago

Are you talking about Zurb's grid system[0] specifically, or referring to Zurb/Bootstrap as "grid systems"? If it's the latter, a simple Google search for "how to use Bootstrap" turns up a lot of resources, including this one[1], which looks good. You might be able to find Foundation-specific ones, but Bootstrap seems to have the edge in popularity. [0]: http://foundation.zurb.com/docs/components/grid.html http://foundation.zurb.com/docs/components/grid.html [1]: http://www.onextrapixel.com/2012/11/12/how-to-use-twitter-bootstrap-to-create-a-responsive-website-design/ http://www.onextrapixel.com/2012/11/12/how-to-use-twitter-bo...

fein 13y ago

Where are you hung up? It might just be something simple that I, or anyone else around here can answer quickly. Everything I learned was from trial and error through messing with F4's grid system.

bluejaythemes 13y ago

Webdesigntuts+ has a thorough series covering Foundation 4 you might be interested in. If your a Lynda subscriber, they’ve got a couple of courses on Foundation 4, as well. There’s not a whole lot of difference between the grid in Foundation 4 and Foundation 5. Foundation 5 does add a new medium breakpoint which is great for tablets. http://www.webdesign.tutsplus.com/tutorials/htmlcss-tutorials/foundation-for-beginners-getting-started/ http://www.webdesign.tutsplus.com/tutorials/htmlcss-tutorial... http://www.lynda.com/Foundation-training-tutorials/1628-0.html http://www.lynda.com/Foundation-training-tutorials/1628-0.ht...

xwowsersx 13y ago
Thank you for this. I will definitely check out the tutsplus tutorial!
xwowsersx 13y ago
Man, the quality of the videos on Lynda.com always impresses me. But I don't wanna pay $25 when that's the only series I want. Wish I could just do a la carte.