Compass: an open-source CSS Authoring Framework

2013/01/02 00:26  Category: Web Dev  Tags: , ,

2012-12-16 12 19 09

What’s Compass? Why designers love Compass?

Compass is an open-source CSS authoring framework which uses the Sass stylesheet language to make writing stylesheets powerful and easy. If you’re not familiar with Sass, you can take a look at these simple tutorials to get caught up.

  1. Experience cleaner markup without presentational classes.
  2. It’s chock full of the web’s best reusable patterns.
  3. It makes creating sprites a breeze.
  4. Compass mixins make CSS3 easy.
  5. Create beautiful typographic rhythms.
  6. Download and create extensions with ease.

Compass uses Sass.

Sass is an extension of CSS3 which adds nested rules, variables, mixins, selector inheritance, and more. Sass generates well formatted CSS and makes your stylesheets easier to organize and maintain.

Installing Compass

Compass is a tool that runs on the command line. On any system with ruby installed, open your terminal and type:

gem install compass

This will install Compass and Sass too. If you want to verify that compass is installed:

compass version

More install details, please refer here.

Compass Homepage

Compass Demo (Scroll down the page you will see some demo sites).

Compass Download or Install

× -