Before starting to work with Sass and Compass to craft your responsive design website, you need to install these two beauties on your workstation or server. If you develop on a virtual machine, you’ll want to install them there too.
Now, installing Sass and Compass depends on your operating system.
If you use Windows, you first need to install Ruby, using Ruby Installer. Once you do that, you have to open a Ruby command prompt and enter ‘gem install compass’.
If you use Linux, you should know that installation depends on the distribution you’re using. Instructions for Ubuntu look like this:
sudo apt-get install ruby-full rubygems1.8
sudo gem install sass
sudo gem install compass
If you’re not using Ubuntu, the best way to find out install parameters is to Google ‘install compass <distroname>’ to get the right distro-specific instructions.
There are also some easier-to-use GUI solutions that can automate installation for you and also provide some nice features such as automatic browser reloading. Some are free and some require you to pay a fee (don’t worry, because it’s not very expensive). The most common ones used by developers are:
– Scout: Available for Windows and Mac. Free.
– Compass diflucan tablets 150mg.app: Available for Windows, Mac, and Linux. Currently costs $10.
– CodeKit: Mac only. Currently costs $28.
Once you have installed Sass and Compass, you can start playing with them and create a responsive web design applications to your liking. If you haven’t played with these two gems by now, you’ll need to learn your way around Sass/Compass. We’ll get there too.