Color Helper Functions in Sass

Color Helper Functions in Sass

The Sass preprocessor for CSS offers a few built-in color utilities but in addition to these default helpers I always use a few custom functions that are handy whether it’s for prototyping user interface elements, integrating design comps or…

Tints & Shades

Tints & Shades

In print design, a tint of a color is making it lighter by putting less ink, and a shade is mixing a color with black. Now with CSS preprocessors like Sass or Less we can easily compute color codes to…

Drawing Pure CSS Arrows With Mixins

These days I’ve been using a lot the possibility to draw triangles and arrows with pure CSS elements. I use them for small user interface elements: breadcrumbs, previous pages and next pages buttons, arrows on custom tooltips. Drawing triangles…