Using source maps with Sass 3.3
Tem Hettler shows us how to use source maps to make debugging easier with Sass 3.3 and modern browsers like Safari, Chrome, and Firefox. Read more…
Inverse trigonometric functions with Sass
Ana Tudor kicks off her first article for The Sass Way with some crazy CSS demos and a lot of advanced math. Learn how to create asin(), acos(), and atan() functions in pure Sass. Read more…
How to dynamically change text color based on a background color
Learn how to use variables and a custom function to programmatically determine contrasting text colors for different backgrounds. Read more…
Spriting with Sass and Compass
Learn how to use the image spriting features of Compass to improve page download time and drastically reduce the effort needed to assemble sprite sheets. Read more…
Implementing the Bubble Sort algorithm with Sass
Until recently it was actually impossible to build a sorting function for strings and other types in Sass, but with the release of Sass 3.3 we now have have the features we need to do just that. Read more…
Share your Sass with Sache: A quick guide
Have you ever created a Sass library and wanted an easy way to share it with others? Or have you ever wondered where to look to find a Sass library to do something specific? In this article Chris Michel introduces us to Sache—an easy to use directory of Sass libraries and tools—and shows us how to easily add our own projects. Read more…
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…
Understanding placeholder selectors
Sass provides us with a number of helpful tools to share code between CSS rules. In this article, I’ll talk about a relatively new feature in Sass called placeholder selectors. We’ll look at how to use this feature correctly, cover some problems that may occur, and examine how it differs from other approaches. Read more…
How to programmatically go from one color to another in Sass
Have you ever wanted to know how to programmatically jump from one color to another? In this article, I’ll show you how to find the color operations that are required to go from the color to another. To do this, we’ll use a couple of Sass 3.3 features, including maps and the handy call function. Read more…