For the last several months, I’ve been using a Sass grid system called Neat. It’s done almost everything I need and it’s pretty easy to get started with. However, lately I’ve found myself writing extra styles to augment the Neat grid. Rather than extend it on my own, I decided to find a Sass grid system that was more powerful. That system is Susy.

Gumby 2 is an amazing responsive CSS Framework. Websites built today must be mobile friendly in order to survive. Why have two different sites for mobile and desktop when you can have your main site be one size fits all? Gumby Framework is also incredibly customizable; it’s as easy as download, tweak, deploy!

A responsive grid system for fixed and fluid layouts. Built in SCSS, it gives you flexibility and full control.

Scaffold styles, variables and structure for Bourbon projects. Twitter Bootstrap for SASS/Bourbon

Koala is a GUI application for Less, Sass, Compass and CoffeeScript compilation, to help web developers to use them more efficient.Koala can run in windows, linux and mac.

modular css in sass

Visualize SASS color functions in real-time without compiling.

Compile less, sass, scss, compass, stylus, cofffeescript, jade, haml, slim and markdown with live browser refresh.
An app that makes your web design and development workflow simpler than ever.

Slides for a talk on modular Sass I gave at Function Pink, April 2013.

Compile several SCSS files in a folder structure into a WP-compatible CSS

Bourbon is a library of sass mixins that are designed to be simple and easy to use. No configuration required.

I’d like to share a small tip about handling color variables. First - descriptive variables (like $lightblue:#001eef), than redefine them with meaningful variables (like $linkcolor: $lightblue).

This plug-in converts scss files into css files. You can set it up to automatically convert on save. By default you must manually process scss files via the Coda Plug-ins menu. You can also specify where the css files should be saved. By default they are saved next to the scss files.

There’s a ton of information floating around on preprocessors nowadays. Most of that info is geared towards Mac users, so in this post I’m providing a very simple guide to help Windows-based developers get up and running quickly with Sass (my preprocessor of choice).
As you can see from the message at the top of this post’s page, this article falls under the CSS Basics category, which usually doesn’t appear in the main feed. However, I’m allowing this to appear in the main home page feed so it can get a little more exposure and any developers who already use Sass on Windows can add their feedback.
Overall, Sass is not difficult at all to get set up, even if you’re doing it on the command-line. But if you have no interest in going through all these steps, but still want to use Sass on Windows, well, just skip to the final heading in this post for a reference to an app that lets you start using Sass on Windows with minimal setup.

"Sass for Wordpress" enables you to use Sass (Syntactically Awesome StyleSheets) and Compass in your Wordpress project. It has support for Sass and SCSS syntax.

Haml & Sass language definitions and snippets for Sublime Text 2

CSS edits and image changes apply live.
CoffeeScript, SASS, LESS and others just work.

WordPress is a great tool for building a fully customizable blog. With custom themes, you gain full control over almost all aspects of your blog, including your markup and styles. Wouldně°˝€™t it be great if you could use Sass and Compass as well?

The tools are Compass combined with Sass (which means Sytactically Awesome Stylesheets or some random crap like that).
Sass is cool because it lets you do a whole bunch of stuff with CSS that you couldn’t normally. It’s a kind of abstraction layer above CSS which means you can write normal CSS if you want, but then why wouldn’t you just write normal CSS instead of using Sass?
I’m getting slightly ahead of myself, but With Sass you can do awesome things like variable/placeholders which is awesome for things like defining core elements of a stylesheet such as a palette of colors.

Sass makes CSS fun again. Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It’s translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.