CSS Off! Part 2

Posted Tuesday, July 17th, 2007 at 05:10 PM

I missed the first CSS Off, but I was happy to take part in the second contest over the weekend. CSS Off is a contest where you are provided a Photoshop or Fireworks mockup of a design for a fictional website, and you then have to code it up to look as close as you can to the design. Not only that, but your code will be scrutinized against web standards. Not only that, but all within 24 hours. This time around, the fake-website we were supposed to code looked like this:

Early Bird CSS Off contest
The “Early Bird” design

Right at 10pm on Friday, I downloaded the psd and got to work. Thanks Phil and Brandon for keeping me company through the night. I got my 3 hours of sleep and worked on it on and off right up until an hour before the deadline. I also should say thanks to Chesney and Caleb for putting up with me and my obsession that day. It was hard for my perfectionist self to let go and finally submit it, but at 9:15 pm, it was as done as it was going to get, and I sent it in.

It was a challenge, but a fun one. I learned a lot in those 24 hours. If any web geeks out there are interested, this is my finished entry.

  • It was harder than it looked. When I first looked at the design, I didn’t think it would take me more than a few hours to finish. I was wrong. CSS Off did a good job in creating a design that made you really think about how to best lay out the structures and which tags to use.
  • I don’t know javascript very well. A lot of the time was taken up learning some simple javascript.
  • The death of IE 6 can’t come fast enough for me. I really, really hope that people upgrade to Windows Vista just for the reason that it that means they would get off IE 6 and start using IE 7.

We’ll see the results of the contest in a couple weeks. Maybe, just maybe, it will go as well as the last contest I entered in…

Comment via Facebook