This is actually an old version of For the latest and greatest, check out the new site.

Code Archives


After finishing the excellent HTML5 for Web Designers by Jeremy Keith and A Book Apart, I decided to dive in head first.


When properly progressively enhancing a page, you’ll often have the need to modify your layout—sometimes more significantly than others—to accommodate the new features. Here’s a little technique I’ve been using to handle this.

A Stronger, Faster Wheel

I love reusable solutions. Especially when it comes to web development, solutions that you can abstract well enough that they become multi-purpose save a lot of time, as well as money. But, sometimes, they just don’t cut it.

Subversion Client Roundup

I drank the Subversion Kool-Aid; I’m sold. But I’m not a developer. I’m a designer, and I use SVN like one. I want an application that adapts to my workflow, not one that I have to mold to. Here’s what I’ve found.

The Mutant Abbracronym Dilemna

I know I promised several upcoming topics, and a couple of them are in the works, but I need your help in the interim. How would you most semantically mark up the word “MySQL”?

State (S)election

Every once in a while, I have to build something that sucks. It’s usually nothing more than a bore. Here’s hoping you don’t have to.

Launch Pad

Getting going in the web industry is a topic all too familiar to my inbox lately. Lately, I’ve seen a surge in requests on how to start integrating PHP, JavaScript, Ajax, and every other technology under the sun. Here’s the #1 tip I give people when they ask me how to jump-start their web careers:

Soft Serve

I’ve recently gotten a lot of email, asking about specifying font sizes in CSS. Here’s my attempt to answer that, or at least give you the low-down on my approach.

Fixed. Fluid. Elastic.

Just wanted to settle a quick misconception about the terminology concerning certain CSS layouts:

Well Educated CSS

Few CSS designers take advantage of the <body> tag. However, like most tags, the <body> can receive id and class attributes. When used appropriately, taking advantage of these attributes can help to create some very efficient sites.

IE Sandwich Hack

While trying to debug some CSS on a site we were working on, Pixelworthy partners-in-crime Michael and Mark helped me to devise a new way to handle IE. I call it the IE Sandwich Hack.

About FACE

On December 15, Faruk Ates debuted a brand new technique, which he labeled FACE, Faruk's Animated CSS enhancements. While it’s certainly a testament to the great things that the technology can now do, I’m not so sure that promotion for the use of FACE is such a great idea.

Pipe Down

Any standards geek—such as myself—knows the value that lists can bring to your HTML arsenal. Most of the sites I design and build involve a lot of list manipulation. Learn to let ordered, unordered, and definition lists be your trusty sidekicks. Recently, I've been noticing a lot of list manipulation in other web standards sites, specifically for navigation. However, these sites sometimes contain different approaches to what I would typically do, and, more importantly, arguably go against what could be considered best practices. One of the most common examples is the use of the vertical bar, or the pipe.

Programming Like a Designer, part 2

If you couldn’t already tell, this article is a continuation of “Programming Like a Designer, part 1”. If you haven’t already done so, I would suggest going back to read the original article, as a lot of the examples in this article are based on some from part 1. I also want to point out that I am going to skip some of the topics that I said I would discuss, like recursion. I’m going to save that for other posts, as they may be a little too advanced. I’m changing the scope of this article in that I’m making it a practical application of the aforementioned process as opposed to a primer on the concepts of programming. If there’s an interest in that, please let me know and I can write about that in another post.

Programming Like a Designer, Part 1

Get out your pocket protectors, cuz it’s time for some hardcore geeking. Ok, so maybe it’s not that extreme, but being able to program—at least to some extent—is a very valuable skill, especially for a designer concerned with the web. Even the term “programming” may cause you to cringe, especially if you’re comfortable inside your usual design tools, but it can effectively take your designs to the next level.