Kitty's articles
Hugo Giraudel comes from a Symfony background and in this post, he describes how he hacked together a URL-to-name mapping component in Jekyll.
Hugo shows us how to make a robust linear gradient Sass mixin.
In this article Hugo Giraudel discusses where we should be using multiple arguments, a list or an arglist when writing functions or mixins in Sass.
In this article Hugo Giraudel shows us three options for creating and dealing with constants in Sass
Hugo Giraudel steps away from SASS for a minute to show you how to build a YAML powered non-developer-friendly ad manager in Symfony 2.
Kitty Giraudel explains how we can create a mixin in Sass to assist in debugging Sass maps and generating the CSS to check through.
Kitty Giraudel with a detailed tutorial on creating a step wizard, commonly found in e-commerce, using BEM and Sass techniques.
Hugo considers different use cases for selector nesting in Sass while also looking at ways it shouldn't be used and the problems it brings.
Hugo shows us how he's built a better function to validate length values in Sass, taking a number of different circumstances into consideration.
Kitty looks at using Sass to automate the process of building a color palette from a single color.
Hugo looks at a logical solution for version number: SemVer, a new way to bump up version numbers in software development projects.
With some inspiration from other articles on the same topic, Hugo presents his own Sass solution for managing hard-to-maintain z-index values in CSS.
An introduction to Sass maps along with a number of use cases so you can see how beneficial they are in making your code more compact.
A look at the pros and cons and the various features of using Compass vs. Bourbon, the two Sass frameworks.
Hugo offers an elegant way to deal with breakpoints in responsive web design, using Sass.
Kitty shows us a custom mixin for creating CSS triangles. She also uses a few utility mixins from a previous article to get the job done.
Many of our projects include tons of repeated code. These mixins provide some help in this regard.
Hugo's round-up and analysis of a number of cool Sass tools to make your CSS and Sass development easier.
Sass mixins, when reused in a single project, will not combine duplicate rule sets. This article creates a solution to that problem using Sass maps.
Sass doesn't allow you to @extend a placeholder inside a media query from another scope. Here is a complex, but easy to use solution.
Kitty experiments with some advanced Sass features along with CSS's calc() function to create a flexible grid system.
Kitty uses Sass to create a reusable function to mimic a technique where a border is given multiple colors.
Hugo Giraudel gives some suggestions on how to keep CSS and Sass code more maintainable.
Many websites have styles set up as color modules. This articles considers how Sass can be used to make color schemes DRY and modular.
Some suggestions for organizing modules in a Sass project for easier development and maintainability. Helpful for those working on a team or on their own.
This post demonstrates how we can build a modular, reusable, DRY Sass component using a number of different Sass features.
Most Sass developers have a basic grasp of @extend. This article expands on the topic and shows you some things you might not know.
A look at what mixins and placeholders are in Sass, and when is the right time to use each.