ICAEW.com works better with JavaScript enabled.
Your current browser is not capable of using this site without JavaScript. Please use an updated browser or enable JavaScript to continue.

Installing Zurb Foundation 5

Windows

  1. Make sure you have Ruby 1.9+ installed (v2.0 has been installed in working tests)
    • In CMD.EXE, type ruby --version
    • If this returns less than ruby 1.9 or isn't found, go to http://rubyinstaller.org/downloads and download the appropriate version of RubyInstaller
    • When installing Ruby, make sure you select the option to Add Ruby executables to your PATH

  2. Make sure you have JS installed
  3. If all components were already installed, check to see if Foundation is already installed. In CMD.EXE enter gem list --local
    • If foundation, compass and sass are among the listed gems, jump to step 7.
  4. In CMD.EXE enter npm install -g bower grunt-cli
  5. In CMD.EXE enter gem install foundation
  6. In CMD.EXE enter gem install compass
  7. In CMD.EXE navigate to the folder containing your project's Gruntfile.js and type Grunt to compile

    8. Optional

  8. To create a new application, see instructions below on Creating a new TB2 based application.

Mac

  1. Make sure you have Ruby 1.9+ installed
    • In Terminal, type ruby --version
    • If this returns less than ruby 1.9, go to http://rubyinstaller.org/downloads and download the appropriate version of RubyInstaller

  2. Make sure you have NodeJS installed
    • In Terminal, type node --version
    • If this returns sh.exe node: command not found, go to http://nodejs.org/download and download the appropriate installer.
  3. If all components were already installed, check to see if Foundation is already installed. In Terminal enter gem list --local
    • If foundation, compass and sass are among the listed gems, jump to step 9
  4. In Terminal enter [sudo] npm install -g bower grunt-cli
  5. In Terminal enter [sudo] gem install foundation
  6. In Terminal enter [sudo] gem install compass
  7. In Terminal, type CD and drag and drop the folder containing your working Gruntfile.js file into Terminal. Enter to change directory to this location. Enter Grunt to compile your project.

    8. Optional

  8. To create a new application, see instructions below on Creating a new TB2 based application.
  9. To create a new blank Foundation project, in Terminal highlight the directory where you want to create your project with the following GIT commands:
    • pwd (Present working directory) to list where you are
    • cd /c/Users/Username/Sites/ (Change directory syntax)
    • Create the project by typing foundation new PROJECT-NAME

For further information on Foundation, visit their website