Installing foundation(ZURB) using SASS (Compass) on ubuntu 14.04

Foundation by ZURB is the most advance responsive fron-end framework in the world. Its not only advance but also easy to use has almost everything to build a responsive website / app. Its easy to install just download foundation framework from their website and start building websites. But customization like changing style of  Top Nav bar or link color become a complex task as it is powered by SASS (Sass is the most mature, stable, and powerful professional grade CSS extension language in the world) and installing Foundation with SASS is a daunting task even you follow the instruction of Zurb website for linux . In this tutorial I am going to tell you how to do it on latest Ubuntu 14.04.

First Open terminal and install Ruby :

sudo apt-get install ruby

Then we have to install NodeJS :

sudo add-apt-repository ppa:chris-lea/node.js
sudo apt-get update
sudo apt-get install python-software-properties python g++ make nodejs

Now Bower :

sudo npm install -g bower grunt-cli

Install foundation and compass

sudo gem install foundation
sudo gem install compass

Now Add Git :

sudo apt-get install git

Now  we have done. The only thing we left is  creating a foundation project

open terminal and change your path assuming your are uisng latest version of XAMPP

cd /opt/lampp/htdocs

Create a project called openplus

use command

foundation new openplus


Hope you find this tutorial then please register on openplus to get latest information

 Category : CSS   Posted By : Sanjay   on 2014-07-29 14:51:06

Related Post

blog comments powered by Disqus



May I Know You

  • System » Unknown
  • Browser » Unknown
  • IP Address »
  • 3 Online