Difference between revisions of "Compass (stylesheet framework)"
From Wiki @ Karl Jones dot com
Karl Jones (Talk | contribs) (Created page with "'''Compass''' is an open-source CSS authoring framework which works with Sass (stylesheet language). == See also == * Cascading Style Sheets...") |
Karl Jones (Talk | contribs) |
||
(7 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
'''Compass''' is an open-source [[Cascading Style Sheets|CSS]] authoring framework which works with [[Sass (stylesheet language)]]. | '''Compass''' is an open-source [[Cascading Style Sheets|CSS]] authoring framework which works with [[Sass (stylesheet language)]]. | ||
+ | |||
+ | == Description == | ||
+ | |||
+ | Benefits of Compass: | ||
+ | |||
+ | * Cleaner markup without presentational classes. | ||
+ | * Reusable patterns. | ||
+ | * Easy creation of [[Sprite (CSS)|sprites]]. | ||
+ | * Mixins make CSS3 easy. | ||
+ | * Create beautiful typographic rhythms. | ||
+ | * Download and create extensions with ease. | ||
== See also == | == See also == | ||
Line 6: | Line 17: | ||
* [[Dynamic Cascading Style Sheets]] | * [[Dynamic Cascading Style Sheets]] | ||
* [[Sass (stylesheet language)]] | * [[Sass (stylesheet language)]] | ||
+ | * [[Sprite (CSS)]] | ||
== External links == | == External links == | ||
* [http://compass-style.org/ Official website] | * [http://compass-style.org/ Official website] | ||
+ | * [http://compass-style.org/reference/compass/ Compass reference] @ compass-style.org | ||
+ | * [http://compass-style.org/help/tutorials/ Compass tutorials] @ compass-style.org | ||
+ | * [http://compass-style.org/help/tutorials/best_practices/ Compass best practices] @ compass-style.org | ||
+ | * [http://www.hongkiat.com/blog/saas-compass/ Syntactically Awesome Stylesheets: Using Compass in Sass] @ hongkiat.com | ||
+ | * [http://thesassway.com/beginner/getting-started-with-sass-and-compass Getting Started with Sass and Compass] @ thesassway.com | ||
+ | * [https://blog.gaya.ninja/articles/how-to-start-using-sass-and-compass-in-10-minutes/ How to start using Sass and Compass in 10 minutes] @ blog.gaya.ninja | ||
+ | * [http://mashable.com/2011/06/14/compass-css-guide/#z1PljeVGPGq5 HOW TO: Get Started With the COMPASS CSS Framework] @ mashable.com | ||
+ | * [http://www.lohmeyer.rocks/blog/2012/06/01/00156-using-sasscompass-windows-mac-css-web-design Using Sass/Compass On Windows & Mac For CSS Web Design] @ lohmeyer.rocks | ||
+ | * [http://code.tutsplus.com/tutorials/using-compass-and-sass-for-css-in-your-next-project--net-6520 Using Compass and Sass for CSS in your Next Project] @ code.tutsplus.com | ||
[[Category:Web design and development]] | [[Category:Web design and development]] |
Latest revision as of 07:31, 17 August 2016
Compass is an open-source CSS authoring framework which works with Sass (stylesheet language).
Description
Benefits of Compass:
- Cleaner markup without presentational classes.
- Reusable patterns.
- Easy creation of sprites.
- Mixins make CSS3 easy.
- Create beautiful typographic rhythms.
- Download and create extensions with ease.
See also
External links
- Official website
- Compass reference @ compass-style.org
- Compass tutorials @ compass-style.org
- Compass best practices @ compass-style.org
- Syntactically Awesome Stylesheets: Using Compass in Sass @ hongkiat.com
- Getting Started with Sass and Compass @ thesassway.com
- How to start using Sass and Compass in 10 minutes @ blog.gaya.ninja
- HOW TO: Get Started With the COMPASS CSS Framework @ mashable.com
- Using Sass/Compass On Windows & Mac For CSS Web Design @ lohmeyer.rocks
- Using Compass and Sass for CSS in your Next Project @ code.tutsplus.com