Zurb Foundation 5 Resources

Zurb Foundation 5 Resources

Contents

Introduction
Tutorials & Learning Resources for Foundation 5
Foundation 5 Script & Programming Resources
Foundation 5 Themes
Free Foundation 5 Website Themes
Paid Foundation 5 Website Themes
Foundation 5 WordPress Themes
Foundation 5 Videos

Introduction

I love the Zurb Foundation Framework, finding it infinitely better than Twitter Bootstrap but last year I ended up relenting and using Bootstrap for some projects for one simple reason: the sheer number of resources available for it.

Zurb Foundation 5 was recently released, making it even better that Bootstrap and to that end I’ve decided to try and help the movement by compiling a list of Zurb Foundation 5 resources.  If you’re looking for an overview or Foundation 5 or deciding whether or not to use it, I’d recommend checking out:

5 Core Differences Between Foundation 5 and Bootstrap 3

Tutorials & Learning

Great Overview of Foundation 5

How to Started with Foundation 5 (Web Designer Depot)

Foundation 5 Basic Course by Zurb

Foundation 5 Advanced Course by Zurb

5 Core Differences Between Bootstrap 3 & Foundation 5

Using Zurb Foundation 5 with MVC 5 / Visual Studio 2012

If you’re looking for a good guide to Zurb Foundation I highly recommend Getting Started with Zurb Foundation 4, although its for Foundation 4 the same principles apply.  There are also Foundation 5 books on the way soon: Getting started with Foundation 5.

If anyone has any to submit, please contact me or comment below and I’ll add them on!

Foundation 5 Script & Programming Resources

Foundation for ASP.NET MVC port via NuGet

Add Internet Explorer 8 (IE8) Support to Foundation 5

Foundation 5 Sublime Snippets

Foundation 5 Scripts & Add Ons

Foundation DatePicker

Foundation 5 Themes

Jump to Free Website Themes, Paid Website Themes or WordPress Themes

Free Foundation Website Themes

Base 2013Base 2013 Foundation 5 Theme

This is a limited design, created to be built upon and added to. It features a basic selection of pre-built layouts, including gallery (masonry and standard), product, contact, pricing and blog.

Full details are available from: www.themplio.com/themes/base-2013

 

Download the Base 2013 Theme

 

Creative Studios

Creative Studios Foundation 5 ThemeAnother simple Foundation 5 theme but with a strong color heading and main menu, features the usual sample page layouts and can be used full width or limited width.

Full details are available from: www.themplio.com/themes/creative-studios

 

Download the Creative Studios Theme

 

Easy Start

Easy Start Foundation 5 ThemeThis is a round-cornered, light-hearted suitable as an ready to go theme for a non-corporate small enterprise.

Theme only comes with a couple of sample layouts so probably isn’t suitable for large scale websites.

Full details are available from: www.themplio.com/themes/easy-start

 

Download the Easy Start Theme

 

Epic

Epic Foundation 5 ThemeLike Based 2013, Epic doesn’t deviate too far from the Foundation 5 core but provides a good selection of page layouts and samples.

Full details are available from: www.themplio.com/themes/epic

 

Download the Epic Theme

 

Paid Foundation Website Themes

Standard website templates (not WordPress, Drupal, etc.)

Screenshot of FlatSum Foundation Website ThemeFlatSum

Foundation Version: 5
Last Updated: 11th March 2014

FlatSum is a lovely minimal responsive website theme built on the latest version of Zurb Foundation.

What I love most about it is it’s been – it feels very snappy on all devices, it scales well and is well structured.  It comes with 11 Photoshop source filed for customization.

Available from themeforest

Akin Foundation Website Theme ScreenshotAkin: Parallax One Page Theme

Foundation Version: 5
Last Updated: 6th March 2014

Akin is a simple Parallax theme built on Foundation 5.  Its beauty lies in its simplicity and the author has left everything fairly naked.  While perfect for using as a baseline, note that the theme comes with minimal ‘extras’ and no supporting design files.

Available from themeforest

Foundation 5 WordPress Themes

Advocator Foundation 5 WordPress ThemeAdvocator

Foundation Version: 5
Last Updated: 26th April 2014

The advocator theme is a beautifully simple and elegant theme with the authors having managed to avoid the pitfall of adding lots of whistles bells but still managing to ensure it looks much more than just a glorified vanilla foundation.

Available from themeforest

Legislator

Foundation Version: 5
Last Updated: 26th April 2014

While not great for general use, the Legislator theme is great for anyone looking to drive a message, campaign or make any other statement with impact.  From the same authors as the Advocator theme, it is well built and come with 6 colour variations right out of the box.

Available from themeforest

Foundation 5 Videos

Zurb Foundation 5 Tutorial – Downloading and Setting Up

How to get started with Foundation 5

Zurb Foundation 5 Tutorial – Grid System Part 1

Zurb Foundation 5 Tutorial – Grid System Part 2

Zurb Foundation 5 Tutorial – Grid System Part 3

ZURB Foundation 5 Grids – 24 Minute In Depth Tutorial

Bob McKay

About Bob McKay

Bob is Director of Operations at Perfect Image, a full time father and husband, part-time tinkerer-with-wires, coder, Muay Thai practitioner, builder and cook. Loves love, tolerance and co-existance. Hates hate. Is aware of the irony of hating hate.

Disclosure Policy

4 comments on «Zurb Foundation 5 Resources»

  1. httpJunkie says:

    I appreciate the link to my article. I have more coming soon. Unless I missed it, I think one very good resource is missing. My friend Ed created the NuGet package for installing Foundation 5 into MVC projects. Check his site out at htp://www.ResponsiveMVC.Net Thanks again!

    . Cheers~!

    1. Bob McKay says:

      Hey httpJunkie,
      Thanks for your work and thanks for the link too – much appreciated (I’ve added a link to Ed’s tutorial). If there’s anything else I’ve missed please let me know.
      All the best
      Bob

  2. shawn says:

    Nice article. I think a good resource to add is http://foundationdeck.com . Its new but they have cool themes.

  3. Jonathan U says:

    Precious resources, cool !
    I developped a WP foundation Theme here: http://picotto-wp.urbanjonathan.com/
    Thanks for sharing.
    Jonathan.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.