Several weeks ago, I showed you how to take a PSD design and convert it into HTML and CSS. Given the popularity of that particular tutorial, I’ve decided to create a second series. However, I’m not much of a designer. Instead, I asked Collis if he would allow me to use the design that he used for a recent tutorial for Web Design Week.
Just like last time, I’ll take you through the process step by step – even through the tedious parts. Enjoy!
The PSD
The 100% HTML and CSS
Thanks again to Collis for allowing me to use his design for this week’s screencast. If this screencast helped you, please do us a favor and subscribe to the RSS feed, and/or leave a comment. See you next week! :)
P.S. No downloadable source code this week. Collis might upload and sell this particular template on ThemeForest.
- Subscribe to the NETTUTS RSS Feed for more daily web development tuts and articles.

Discussion 281 Comments