Posts tagged Sass

I first wrote this article two years ago. Time flies! I’ve completely rewritten and updated this article about custom tooltips. They are a very common user interface element and I’ve used them in large number of my projects. In this article I’m going to make custom CSS

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 making color themes. In this article I’ll explain the

With the recent 3.3 version of Sass a new data type is available, maps. A map is a data structure which associate a key to a value. It’s somewhat equivalent to JSON structures in JavaScript. And maps are a well-known data structure in functional programming.

The map data

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 reproduce these tints and shades. These two functions appear to

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 in CSS

With this possibility we can draw elements which