Projects

Featured Sass and Compass Projects

Zurb Foundation, for Sass and Compass

What do you get when combine the power of Sass with Zurb? You get Zurb Foundation for Sass and Compass. It’s the perfect flexible grid, desktop to mobile responsive, forms, buttons and UI library, plus other ZURB Playground favorites like Orbit and Reveal.  Read more…

Sass for WordPress Plugin

WordPress is a great tool for building a fully customizable blog. Now you can make it even better by adding Sass and Compass support using this simple plugin.  Read more…

Pictos Free + Spriting with Compass

Pictos Free is a free version of Pictos-style Tumblr icons from Drew Wilson, thanks to his collaboration with WooThemes, that I’ve packaged it up as a simple Compass extension that leverages Compass’s spriting feature.  Read more…

Zocial: CSS3 Buttons, Sass framework.

Zocial Buttons is a CSS3 buttons Sass framework that makes adding “Follow me on Twitter”, “Find us on Facebook” and “Fork this on GitHub” buttons to your site TOO EASY.  Read more…

Forge, a WordPress theme development toolkit with Sass and CoffeeScript

If you’re a WordPress fan and have been looking for a way to work with Sass and CoffeeScript in your themes, Forge is your answer!  Read more…

Sassy Text Shadows

How far is too far when it comes to CSS text shadows? Be prepared to cross that line and then some with Mason Wendell in his project Sassy Text Shadows – the response is to the call put forth by Paul Irish’s Mother Effing Text Shadow, and an answer to the burning question, “Why would you want to use trigonometry in CSS?”  Read more…

Compass Ceaser Easing Animation

If you’re a fan of the classic Penner equations by Robert Penner, made famous by Flash and jQuery. You are going to love Compass Ceaser Easing by Jared Hardy, also known for his Sassy Buttons project.  Read more…

Stitch: A CSS pattern framework

Stitch is a nice companion to Compass that gives you access to CSS design patterns you likely use every day.  Read more…

Sassy CSS3 Buttons!

Are you wanting to achieve that amazing CSS3 buttons look with none of the work? Well then, Sassy Buttons are for you!  Read more…

Sass Twitter Bootstrap

Twitter’s “Twitter Bootstrap” is a HOT topic, especially in the Sass community, namely because they used LESS instead of Sass. Well, fellow staff member John w. Long changed that with Sass Twitter Bootstrap.  Read more…

Sassy Modular Scale: Inspired by and adapted from Tim Brown's modularscale.com

Have you been wanting to design with modular scales, but the math and static-ness of CSS has held you back? Modular Scale is a Sass mixin that does all the heavy lifting and math for you to calculate the values of the modular scale. So put down the calculator and get excited about “prearranged sets of harmonious proportions” and let Sass do the work!  Read more…