At Bright Fox we embrace clean, valid and accessible CSS and HTML, so code all of our sites by hand (with the help of some great open source programs such as Notepad++) To enable us to keep our development process as lean as possible we have developed some tools that automate some of the most common CSS and HTML patterns.

These tools have helped us save countless hours of our developers time (and sanity!) - and over the next few months we are going to be releasing them, for free.

When we analysed the coding process, by far and away the most common action performed was creating the CSS for an image replacement. Once the site has been sliced and the creation of the code begins - each image was re-opened in an image editor to determine the height and width, and the code created by hand.

We created a small program which opens an image, reads the file name, height and width and copies the information into a template and then into the clipboard. This is installed onto our development machines and added to the right-click context menu allowing easy execution.

You can download this program, along with the source code from http://www.brightfoxsolutions.com/Web-Design-Software.aspx - let us know if you find it useful!