Compass Examples

Welcome to my compass examples.

This is a repository of tutorials designed for me to remember all the cool stuff compass can do in order to use all it's power in each website I develop.

There is also some blueprint tutorials because I never used blueprint when I started using compass and I thought this would be great to learn and there wasn't so much example of the compass/blueprint combinations on the web.

These examples are organized as sample websites named 01, 02, 03 and so on. Each sample has it's wiki page describing it.

Summary

• 01 - Beginning with Compass and Blueprint src, wiki, demo
• 02 - Blueprint Buttons src, wiki, demo
• 03 - Blueprint Forms src, wiki, demo
• 04 - Blueprint Interactions src, wiki, demo
• 05 - Blueprint Liquid src, wiki, demo
• 06 - Blueprint Link Icons src, wiki, demo
• 07 - Blueprint Scaffolding src, wiki, demo
• 08 - Compass Grid Backgrounds src, wiki, demo
• 09 - Compass Text Remplacement src, wiki, demo

Ideas

Ideas for future examples

• Compass Layouts
• Real world examples of compass
• In depth exploration of blueprint grid
• Compass CSS3 (text-shadow, round corner, font-face, etc.)