Blog

HTML and CSS

Sass maps have been around for a little over a year now and are an incredibly useful feature of the CSS preprocessor.

If you’re already using them then you’ll already know how handy they are; if not, then hopefully this little post will give you a good start.

inuit.css v5.0 the Object Oriented CSS Framework

#

I’ve written an introduction to inuit.css — the object oriented CSS framework from CSS guru Harry Roberts — over on Think Tank.

inuit.css is an Object Oriented CSS (OOCSS) framework that uses Sass and a BEM-style naming convention. It comes with a powerful library of objects and abstractions that you can opt-in to (so there’s little CSS bloat from unwanted objects).

In the article I go through what OOCSS and BEM are, as well as how to install and get started with the inuit.css framework. It’s the same framework I used to build this site and am in the process of using for my next personal project. If you’ve not taken a look at it yet I’d recommend you do, it does some really neat things that makes styling up a site easy.

Handling z-index

#

Neat approach to intelligently handling CSS z-indexes using a CSS preprocessor. The suggestion of using a Sass map is particularly good.

Sass 3.3 Maptastic Maple

#

Sass 3.3 was released the other day and came with loads of new features. This is a good look at the main ones including map data structures and source maps.

LESS vs Sass? It’s Time to Switch to Sass

#

As someone who also switched from LESS to Sass, this is a pretty good article on why Sass is the better CSS pre-processor. It’s worth a read even if you’re currently using Sass, but perhaps not fully making the most of what it can do. There’s some good examples of some advanced functionality.

For a few months now I’ve been working on updating this site and merging my blog site (formerly known as the Red Hot Chilli Project) into this one, my portfolio site. As a result of needing to change web hosts by the end of the month I’ve finally gotten round to giving this project the final push and get the changes live.

Which CSS Measurements To Use When

#

Amidst the diversity of CSS measurement systems it can be difficult for web developers to understand which units to use where, and when, on their pages. The instinct is to use just one system for everything, but that decision can severely limit the execution of your designs.

A look at how to get the most out of your CSS measurements and when best to use them or not. Well worth a read if you still find yourself sticking with px and % units in your stylesheets.