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

In HTML the heading elements represents 6 levels of titles from h1 for the most important to h6 for the least important. Some Content Management Systems offer the possibility to automatically generate a table of contents from an article on the server side. But here I’m implementing a reusable

The ability to style inline lists in CSS is a very useful and powerful feature whether this is for styling a list of tags, a list of links for a navigation breadcrumb or a list a menu items. It could be done in HTML but it’s easier to design

On the Windows Universal Platform icon fonts are a native feature. We can use the default icons of Windows but we can also add other icon fonts to customize further the design of an application. Here in this article I’m going to use the Font Awesome open-source icon font

Tooltips are a very common user interface element, I’ve used them in large number of my projects. Not to say all of my projects! In this article I’m going to make pure CSS tooltips without any JavaScript code. And with Sass mixins to make reusable and customizable components.