Blog

A few simple techniques to keep your CSS in check.

In this post a common text color function will be extended to work with gradient backgrounds. The effect is achieved by first creating a gradient background from a list of values. The function then appends corresponding color values to a new list to create a text gradient.

A series of hints and tips to help you get the best out of Sass, Sass creates Syntactically Awesome Style sheets, or at least thats what it is supposed to do. When used effectively, Sass helps to build scalable and DRY CSS. When used incorrectly however, Sass can actually increase file size and add unnecessary or duplicate code.

Re-factoring Maze - Moving from a Sass mixin to a PostCSS responsive grid system.

Semantic HTML for cleaner CSS, this post looks at the role HTML can play in producing more optimised CSS.

Sass introduced a lot of new features to CSS, Tbut some, like nesting, afre not always an improvement.

An introduction to Sass variables, including how too use them and how to name them.

At deeper look at skin and structure Sass partials - Structuring CSS in a frontend project.

Tacking advantage of Sass partials to better organise CSS, with seperate skin and layout files.

Dynamicaly generate background colours using Sass.

Maze - A flexible responsive grid built with Sass.

How to build a jQuery tooltip.

Naming things is hard, naming things well is even harder. A look ar structural and presentational class names.

How to structure a Sass project, looking at file names and how to split CSS into meaningful partials.

Frontend frameworks are everywhere these days, but are they any good?