Curated articles for designers and front-end developers

Sass

Frequently updated collection of hand-picked articles and learning resources.

alexpate.uk

Managing the Z-Index With Sass

As it goes, the z-index can quickly become a messy thing to control, particularly in a large code-base. Fortunately, Sass can be used to make it ever so slightly more manageable. Rather ...

tylergaw.com

From Sass to PostCSS

Sass has been my go-to for years. But for a while now, I’ve wanted to try a new styling setup with PostCSS and the cssnext plugin. I love the idea of writing ...

medium.com

Using Sass to Automatically Pick Text Colors

Theming is always a challenge, particularly when you’re working on a library, rather than a standalone website. One example of an interesting issue that you’ll come across very frequently is choosing a ...

github.com

CSS Vars – Sass Mixin

Sass mixin to prepare for a switch to CSS Custom Properties (aka CSS Variables). Finally, include the main mixin file in your project using an import statement: ...

SkillShare sponsored

Making Animated GIFs: UX Interactions & More

This fun, 25-minute class walks you through how to design beautiful, simple animated GIFs for your UX interactions and animations. Product Designer Noah Levin teaches you how to use simple tools ...

github.io

Plumber – Easy Baseline Grids With SASS

Create better looking documents and speed up CSS development by adding vertical rhythm to your page. What is it? Using a baseline grid on the web is not easy. For every font ...

css-tricks.com

Loops in CSS Preprocessors

If you’ve ever watched old sci-fi flicks, you know how powerful loops can be. Feed your robot nemesis an infinite loop, and kaboom. Robo dust. Preprocessor loops will not cause dramatic explosions ...

jonsuh.com

McGriddle – a Sass Library

A Sass library designed to help you build based on a grid system. McGriddle is a (mostly) get-out-of-your-way Sass library designed to help you build based a grid system. Set up your ...

pilot.co

Color Blending in SCSS

One of the conventions in Altimeter, our CSS components library, is how element states like hover and active are made. Instead of inventing new shades for each element, we have a system ...

sass-lang.com

Announcing Dart Sass

Over the past few months, I’ve been quietly working on a new project. Today I’m ready to announce Dart Sass to the world. It’s a totally new implementation of Sass, designed to ...