Tag: HTML

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.

Code

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, […]

Code

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 […]

Code

Forms are forms, not lists

I have often seen HTML forms coded as part of a lists, including from some publications and people I highly respect. I believe this to be incorrect.

Opinion

Valid Isn’t Best Practice

Not long ago, on the @soupgiant account, I tweeted “Vaild html / css doesn’t indicate your code is best practice; it may even indicate the opposite. #css3”. Neither the xHTML nor the CSS on this site validates, we consider it to observe best practices.

Code