Menu icon Foundation
Zurb Foundation 5 Tutorial for Beginners

Hi,

I have updated my tutorials with 3 step by step real time examples. I am also preparing video tutorials, I will add them within few days. If you need any tutorial on some specific topics, just let me know.

Zurb foundation framework real time example webistes

All suggestions are welcome.

Source: http://www.ieatcss.com/zurb-foundation-framework.html

Update: Video tutorials will be added within a week or two. After that SASS tutorial and other advanced tutorials with step by step explanation will be added.

Foundation 5tutorialsbeginnerstep by step examples

Hi,

I have updated my tutorials with 3 step by step real time examples. I am also preparing video tutorials, I will add them within few days. If you need any tutorial on some specific topics, just let me know.

Zurb foundation framework real time example webistes

All suggestions are welcome.

Source: http://www.ieatcss.com/zurb-foundation-framework.html

Update: Video tutorials will be added within a week or two. After that SASS tutorial and other advanced tutorials with step by step explanation will be added.

Francis over 4 years ago

Can you add all the elements of foundation 5?

Rafi Benkual over 4 years ago

@Hussain - We just checked out these tutorials here at ZURB. Great work! We want to feature these on our tools page (which is getting a facelift).

Preston McPeak over 4 years ago

Thanks! We'll be adding this to our resources page.

Christopher Bravo over 4 years ago

Hello, do you think you could review how to manipulate styles and aspects of the nav bar when dealing with mobile devices?

Rafi Benkual over 4 years ago

@Christopher - What is your specific question? Do you have a separate forum post to point to? Put together specifically what you want covered and we can help.

Hussain over 4 years ago

@everyone, thanks for the support.

I am going to start adding video tutorials from Monday + I am changing the design and rewriting the entire tutorials to make it easier for beginners.

It will be done in a week or two. After that I am planning to add SASS and other advanced tutorials of zurb foundation framework.

I will post all the updates here.

Regards,
Hussain.
www.ieatcss.com

Hussain over 4 years ago

@Christopher Bravo

I understand your problem. Once the video tutorials are done, I will add tutorials about editing CSS and JS files.

If you want to set changes only for mobile devices then the best way would be to use media queries.

If you are having any specific problem, let me know.

@Francis

I am currently doing it. I will try to complete them as soon as possible.

I will post the updates in this thread.

Thanks for the support.

Regards,
Hussain.
www.ieatcss.com

Sam Valtez over 4 years ago

Thank you Hussain! :D

Hussain over 4 years ago

Note: All the tutorial updates and new topics will be added in this page: http://ieatcss.com/zurb-foundation-framework.html

Hussain over 4 years ago

@Rafi Benkual, @Preston McPeak

Thanks for supporting.

@Sam Valtez

You are welcome Sam!

Hussain over 4 years ago

Hi everyone,

I have started adding video tutorials. But unfortunately I am having trouble with increasing the quality of the video. The video quality decreases considerably when uploaded to Youtube.

Sample video: Foundation Framework Downloading Methods - http://ieatcss.com/zurb-foundation-framework.html (Available under video tutorials)
Youtube Link: https://www.youtube.com/watch?v=saWGFUej4F8

As you can see, the texts are hardly visible, I am looking for a way to increase the quality. Once its done, I will upload all the videos.

Currently I am creating tutorials on how to build custom foundation templates & plugins and how to use foundation on wordpress and e-commerce websites.

Please let me know if you have any suggestion for foundation 5 tutorial.

Hussain over 4 years ago

Hi friends,

I just released an ebook on Foundation 5.

New Tutorial topics in the Ebook:

  1. 3 Real Time Examples In-depth explanation of Javascripts are Added.
  2. Working with Foundation using SASS
  3. Creating New Templates for Foundation Framework
  4. Using Foundation Framework to create responsive Wordpress themes
  5. Adding Plugins in Foundation Framework

http://ieatcss.com/zurb-foundation-framework.html

I am currently updating free tutorials to cover more topics.

Regards,
Hussain.
www.ieatcss.com

Thomas K. over 4 years ago

Thank you Hussain,

that's exactly what I was looking for. (I bought the ebook). I'm a Developer (SQL,Delphi) since 25 years, but I do Web-Development and Web-Design for 1 or 2 years only. Now I will start development with modern tools. I work with Windows-Systems and search the best tools to work with. I want to use Foundation with SASS (and a little bit wordpress). Can you give me some tips for the development enviroment. I have only Dreamweaver CS6, but I don't know whether it is right.

Regards, Thomas

P.S. The subtitles in your video are very good. My english is very bad. Only reading is good.

Hussain over 4 years ago

You are welcome Thomas,

I don't use dreamweaver (mainly because it is costly), I mostly use coffee cup, aptana studio or netbeans. Netbeans is free and works well for all my projects. Give it a try, I am sure you will start to like it.

My personal advice: Don't invest on paid editors like Dreamweaver or any other paid software, try using Netbeans + Firebug (Firefox addon). This should be enough.

Use the library I provided in the download page to use Foundation elements in Wordpress blogs. It is quite simple.

Let me know if you have any questions, I will help you out.

P.S: I always update the tutorials, if you have any topic in mind let me know, I will add it to the ebook.

Regards,
Hussain.
www.ieatcss.com