Managing Editor

John W. Long

Managing Editor

Sass 3.3 (Maptastic Maple)

It’s been a long time coming, but well worth the wait! Sass 3.3 includes 35+ additional features, including the new Map data structure, source maps, improved parent selector semantics, and an improved if() function.  Read more…

Here's your chance to become a contributor to The Sass Way!

The source of TheSassWay.com is now on GitHub and we are accepting pull requests for news, articles, and bug fixes! Here’s your chance to become a contributor!  Read more…

Mixins for semi-transparent colors

Learn how to use Sass color functions to calculate backwards compatible colors for browsers that don’t support alpha transparency and wrap up this functionality in a couple of handy mixins.  Read more…

Modular CSS typography

Learn how to modularize your typography to create solid foundation for your projects. Use multiple classes and the @extend directive to create a reusable set of typographical styles.  Read more…

Modular CSS naming conventions

The more you write your own stylesheets, the more you begin to value using good names in your code. Naming is by far one of the most difficult and debated activities of a developer. To many, naming is an art form.  Read more…

Modular CSS, an example

If avoiding nested selectors in favor of a flatter class-based CSS scares you, maybe this example will help you embrace some of the principles of modular CSS.  Read more…

Avoid nested selectors for more modular CSS

We’ve written before about the dangers of nesting your CSS selectors too deeply. The Inception Rule is a good one for getting you to avoid some mangled CSS selectors. But there’s actually a lot of benefit to taking this concept a couple of steps farther. What happens when you avoid nesting for almost all of your major selectors?  Read more…

How to structure a Sass project

One of the coolest features of crafting CSS with Sass is that you can build out a file structure that puts all your components in their right place. BUT the question is … where is the right place? Is there a standard way to structure your Sass files?  Read more…

A standard module definition for Sass

One part suggestion to the Sass community to adopt a standard way of structuring Sass modules and one part show and tell. John attempts to leverage his knowledge of large Sass projects to suggest a format for a Standard Module Definition for Sass.  Read more…

Interactive Sass: having fun on the terminal

Most people who use Sass are familiar to some degree with the command line. While programs like Compass.app and Scout.app are making it easier to use Sass and Compass without using the command line, hidden gems await those who are willing to do so.  Read more…

Sass vs. SCSS: which syntax is better?

Since the creation of Sass, it has been plagued by many levels of controversy. It billed itself as “a better CSS” and added brand new features unheard of to CSS authors such as variables, nesting and mixins. Sass also introduced an entirely different indentation-oriented syntax and a brand new perspective on how to author CSS. Then the SCSS syntax (Sassy CSS) was introduced …  Read more…

Leveraging Sass mixins for cleaner code

Without question, one of the most powerful and valuable features of Sass is the ability to package up existing code into reusable chunks of code called mixinsRead more…