Select Page

Last week I had the opportunity to interview Chris Coyier from css-tricks.com and he gave us his approach on css-coding. In that interview he describes how his coding process can be resumed in five steps which I wanted to review again for you in this post.

Chris: The coding process is just one step in the larger design process, which goes a little something like this:

  1. Look at and read as much of the content you will be designing for. Look at and read content of related subjects. Think about who the content is for. Think about how the content will be used. Mix all that together in your mind and sleep on it.
  2. Sketch and mockup ideas. Starting on paper is ideal because it frees you from thinking about tools and lets you focus on concept.
  3. Convert the best of your mockups into a working site. This is the technical part I write about the most, which I really love but is only one of the steps in the design process.
  4. Test the design as throughly as possible. Not only technical does-it-look-right-in-all-browsers testing, but have your friends tell you what they think. Watch your mom try to use the site. You will absolutely find things you can improve doing this.
  5. Release the design upon the world and see how it goes. Ask for user feedback. Make changes. Tighten things up. In print design, once your design hit’s the press it’s all over. Web design isn’t like that. It’s fluid. Things can (and should) be constantly changing for the better.

Do you agree with Chris? How is your coding process?