Zurb Foundation Grid - CSS Grids Series (summary)

The second installment in the DevTips CSS Grids Series, where we build the same layout by each one of the grids. One by one.

In this series we look at Zurb Foundation.

---

DevTips is a YouTube show about web design and development.

"HTML5 Basics" Playlist:

"CSS Basics" Playlist:

"How to build a professional website from start to finish" Playlist:

----

Follow the DevTips GitHub Page to get all the codez:

DevTips now has a twitter account:

Travis also tweets:

[HekaFOF]

These framework videos always give me a boost to do more websites!!!

[edinchez]

You are an absolute legend, I swear. You have definitely become my favorite YouTuber of all time in just one day.

[amirrowaichi]

I've just started looking at using Foundation from being a frustrated Bootstrap dude for the past few years, your videos have been really helpful and you're good at presenting the subject in a non-robotic way, thanks!
I think I'll prefer Foundation for the relatively clean slate it gives you compared to Bootstrap, much more a skeleton to add your themes on top of.
I'm trying to use tools like SASS & speed up my front end working procedures from my old school methods, I think I need to get on the case with Jade!

[awakekat]

Concise - looks easy from the docs at a glance.

[equinoxly]

Thanks for making videos like this, Travis. Not only is the video amazing (as is the standard for your videos), there's always insightful and amazingly interesting comments on every video. Now I've got even more awesome frameworks to look at! 

[grantsburke]

I know I'm like two weeks late on finishing this series but I did shout this out to the DevTips Twitter account: gotta go with grid system Jeet. Seems super simple and fun and awesome. Thanks for the vids! Always an awesome job!

[TechnoEddy]

Great !! Now I have to watch the whole serie xD.... It means that It doesn't bother me... I love Ur channel !! ^.^

[ArneTietz]

Thanks for the whole series of foundation.
I know a little about susy, tried singularity before, but susy seems a little more cleaner. But with bootstrap, foundation in the boot, too, and cause of seeing the vid about "grid" Eric posted before I'm a little overwhelmed, which system I should let stay on my boot and which ones I shall throw over board, or maybe using different systems for different boots (like sport boots vs big ships which can go over the big oceans).
The best solution can be "grid" if it holds in the future what it promises right now. Hey, I do like things that I can work with in all cases.
So, I am looking for your next videos, Travis. Nice to have you here, giving us insights about the strange but interesting world of

[RussellSpencerOfficial]

What you said about the closing div tags in html being a pain is so true, I'll definitely be looking at introducing Jade into my workflow.

I really enjoyed this series and I'll definitely be checking out you're other video's. 

[TravisHi_YT]

Nice series, a big fan of the episode length (you got them all at like 20mins, definitely nicer/easier to watch than the bootstrap series).

[IstuffsBe]

I've completed the serie. Thanks for all this interesting content.
It would be great to see something different next like... susy. ;)
KEEEP on HAAKING !!!

[SophieThomasTV]

Once again, fab series! I have been using Bootstrap quite a lot recently but I have never used Foundation. Must change that and give it a try! :) 

[ewliang]

Switching to Foundation since I like their grid and more barebones structure.

[obirijejohn]

Dude ur Awsome..awsome series. Foundation it is for me.

[Yumako]

I would love to see Uikit for the next series!

[brcha]

Excellent series. Happy New Year, btw.

Would you consider making the same stuff again, but this time using

Bourbon?

(ie. Refills + Bitters + Neat + Bourbon)

[jamesdickerson]

I like to use Ruby on Rails for my web projects with Foundation. Slim is almost the same as Jade and works great with Ruby on Rails.

[agoniavr]

6:00 true that, I'll never be able to tank you enough to open my eyes on Jade(and SASS, but I kinda knew that while Jade was new to me). This completely changed my code, with that coding syntax and mixins and stuff I can keep simple websites under 100 lines of html and they compile into really small files that are terrible to look at with all that < > </> useless stuff...so thanks Travis :)

[xphstos_]

Awesome series and really helpful.
I would like to see next either Bourbon's neat or Susy's grid.
But I think Yaml and Gumby are the closest to be like Zurb or Bootstrap

Also you could put into test other markup languages like HAML or Slim.
Keep up the good work!

(Also congrats for your new podcast, is quite funny with bits of wisdom...)

[virtuousify]

You are doing great job, you get that a lot, but really, so glad I've found your videos few months ago. Great approach to teaching, you make it fun and very easy to learn new things, thank you! Just a question, how often are grids and frameworks used by professionals? I assume someone who knows a thing or two would create his own grid, right? Is there any grid only framework out there? Pretty sure that wouldn't be called a framework then haha, I just can't find anything...
Keep up with the great work, looking forward for your next video :)