Open site redesign using a pattern library

As I’ve mentioned previously, I’m in the process of redesigning this web site. It’s very much a work in progress. Pattern Library As a first step I’m building a pattern library and I’ve decided to open source the repo during the build process. I’m using Pattern Lab for the purpose.

Why Use a Naming Convention

In my last post, I mentioned I was trialling the SUIT CSS naming convention as I redevelop this site.  More generically, let’s address why a naming convention should be used at all. For the purposes of this post, I’m talking specifically about class naming conventions. (While one may have naming conventions for JavaScript functions, variables, […]

Conditional IE classes

The HTML5 Boilerplate popularised the html tag conditional classes pattern. This pattern is usually some variation of: <!DOCTYPE html> <!–[if lt IE 7 ]> <html lang=”en” class=”ie6″> <![endif]–> <!–[if IE 7 ]> <html lang=”en” class=”ie7″> <![endif]–> <!–[if IE 8 ]> <html lang=”en” class=”ie8″> <![endif]–> <!–[if IE 9 ]> <html lang=”en” class=”ie9″> <![endif]–> <!–[if (gt IE […]