Skip to content
This repository has been archived by the owner on Mar 21, 2023. It is now read-only.

Working with Foundation5

Lindsay R. Silver edited this page Sep 22, 2015 · 1 revision

Getting Started

Downloading

Foundation5 is great tool for creating front-end frameworks, and in my opinion, much easier to use than Bootstrap!

Custom download packages here: http://foundation.zurb.com/develop/download.html, and keep a lookout for the release of Foundation 6: http://zurb.com/article/1403/foundation-6-prototype-to-production

Documentation

The other reason I really like Foundation is that it is really well documented! Reading over these documentation pages: http://foundation.zurb.com/docs/ as well as doing this tutorial on lynda.com: http://www.lynda.com/Foundation-tutorials/Up-Running-Foundation-5/161085-2.html?srchtrk=index:1%0Alinktypeid:2%0Aq:foundation%0Apage:1%0As:relevance%0Asa:true%0Aproducttypeid:2, really got me ready to start making the front-end for QMH.

This should really help to get you started if you need to create a front-end for a website quickly, or if you just want another tool to understand Foundation5 faster.

My Tutorial

An HTML/CSS Page of Examples

When I was working with Abby over the summer on QMH, I ended up making her a page of Foundation5 HTML/CSS examples that she could use to make her own web pages, and insert word content easily.

I have edited those same files, and they are now available to view the code and try out (once you have downloaded the appropriate Foundation packages, including the icons package!, of course) on GitHub at FriendsAsylum > templates > examples.html and FriendsAsylum > static > css > example.css.