2010-01-27 07:27:09 +00:00
|
|
|
|
---
|
2010-11-27 23:13:47 +00:00
|
|
|
|
title: Compass Home
|
|
|
|
|
crumb: Home
|
2010-01-31 18:01:04 +00:00
|
|
|
|
body_id: home
|
2010-11-27 23:13:47 +00:00
|
|
|
|
layout: homepage
|
2010-01-27 07:27:09 +00:00
|
|
|
|
---
|
2010-11-27 23:13:47 +00:00
|
|
|
|
%h1#logo Compass
|
|
|
|
|
%h2 <strong>Compass</strong> is an open-source <em>CSS Authoring Framework</em>.
|
|
|
|
|
.overview
|
|
|
|
|
.compass
|
|
|
|
|
%h4 Why designers love Compass.
|
|
|
|
|
%ol
|
2011-01-04 18:01:46 +00:00
|
|
|
|
%li Experience cleaner markup without presentational classes.
|
2010-11-27 23:13:47 +00:00
|
|
|
|
%li It’s chock full of the web’s best reusable patterns.
|
|
|
|
|
%li Developing a personal framework is simple.
|
|
|
|
|
%li Compass mixins make CSS3 easy.
|
2011-01-04 18:01:46 +00:00
|
|
|
|
%li Download and create extensions with ease.
|
2010-11-27 23:13:47 +00:00
|
|
|
|
.sass
|
|
|
|
|
%h4 Compass uses Sass.
|
2011-01-04 18:01:46 +00:00
|
|
|
|
%p
|
|
|
|
|
<a href="http://sass-lang.com/">Sass</a> 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.
|
2010-11-27 23:13:47 +00:00
|
|
|
|
%h3 Brilliant people use Compass, including these <em>wildly talented</em> folks:
|
|
|
|
|
%ul#featured_sites
|
|
|
|
|
%li
|
|
|
|
|
%a(href="http://addons.heroku.com/")
|
|
|
|
|
%img(src="/images/sites/addons.heroku.jpg")
|
|
|
|
|
%span.title Heroku Addons
|
|
|
|
|
%span.url http://addons.heroku.com
|
|
|
|
|
%li
|
|
|
|
|
%a(href="http://sencha.com/products/touch/")
|
|
|
|
|
%img(src="/images/sites/sencha.jpg")
|
|
|
|
|
%span.title Sencha Touch
|
|
|
|
|
%span.url http://sencha.com/products/touch
|
|
|
|
|
%li
|
|
|
|
|
%a(href="http://caring.com/")
|
|
|
|
|
%img(src="/images/sites/caring.jpg")
|
|
|
|
|
%span.title Caring.com
|
|
|
|
|
%span.url http://caring.com
|
|
|
|
|
%li
|
|
|
|
|
%a(href="http://hubblesite.org/")
|
|
|
|
|
%img(src="/images/sites/hubblesite.jpg")
|
|
|
|
|
%span.title HubbleSite
|
|
|
|
|
%span.url http://hubblesite.org
|
|
|
|
|
%li
|
|
|
|
|
%a(href="http://dailymile.com/")
|
|
|
|
|
%img(src="/images/sites/dailymile.jpg")
|
|
|
|
|
%span.title DailyMile
|
|
|
|
|
%span.url http://dailymile.com
|
|
|
|
|
%li
|
|
|
|
|
%a(href="http://cofamilies.com/")
|
|
|
|
|
%img(src="/images/sites/cofamilies.jpg")
|
|
|
|
|
%span.title Cofamilies
|
|
|
|
|
%span.url http://cofamilies.com
|
|
|
|
|
%li
|
|
|
|
|
%a(href="http://jumpstartlab.com")
|
|
|
|
|
%img(src="/images/sites/jumpstartlab.jpg")
|
|
|
|
|
%span.title Jumpstart Lab
|
|
|
|
|
%span.url http://jumpstartlab.com
|
|
|
|
|
%li
|
|
|
|
|
%a(href="http://green.cals.cornell.edu/")
|
|
|
|
|
%img(src="/images/sites/cornell.jpg")
|
2011-01-10 06:16:57 +00:00
|
|
|
|
%span.title Cornell University - CALS
|
2010-11-27 23:13:47 +00:00
|
|
|
|
%span.url http://green.cals.cornell.edu
|
|
|
|
|
%li
|
|
|
|
|
%a(href="http://busyconf.com/")
|
|
|
|
|
%img(src="/images/sites/busyconf.jpg")
|
|
|
|
|
%span.title BusyConf
|
2011-01-10 06:16:57 +00:00
|
|
|
|
%span.url http://busyconf.com
|
2011-06-25 19:01:00 +00:00
|
|
|
|
|
|
|
|
|
%section.book
|
|
|
|
|
%h3 Save <em>37%</em> on the Book: (Currently In Beta)
|
|
|
|
|
|
|
|
|
|
%p
|
|
|
|
|
%a(href="http://www.manning.com/netherland/")
|
|
|
|
|
%img(src="http://www.manning.com/netherland/netherland_cover150.jpg" alt="Sass & Compass in Action")
|
|
|
|
|
Compliments of Manning.com is a standing 37% discount on
|
|
|
|
|
<a href="http://www.manning.com/netherland/">Sass and Compass in Action</a>.
|
|
|
|
|
Use promo code <code>sasscomp37</code> at manning.com on the MEAP, eBook and pBook of Sass and
|
|
|
|
|
Compass in Action. All pBook purchases include free eFormats (PDF, ePub, and Kindle)
|
|
|
|
|
as soon as available.
|
|
|
|
|
|
|
|
|
|
%section.gui
|
|
|
|
|
%h3 <em>Hate</em> the Command Line?
|
|
|
|
|
|
|
|
|
|
%a(href="http://compass.handlino.com/")
|
|
|
|
|
%img(src="/images/compass.app.png")
|
|
|
|
|
%p
|
|
|
|
|
Buy <a href="http://compass.handlino.com/">Compass.app</a> for just $7.
|
|
|
|
|
%p.note
|
|
|
|
|
Note: Compass.app is a product of Handlino, Inc but
|
|
|
|
|
30% of all proceeds go to Compass's charity of choice: <a href="http://umdf.org/compass">UMDF.org</a>.
|