9 January 2009

Converting a Design From PSD to HTML

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.



The PSD

The PSD

The 100% HTML and CSS

The PSD

Website With Markup Notes

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! :)

2 comments:

  1. It's exactly I needed.
    Many thanks to the author for getting your time to create this superb post about converting a design from psd to html.

    ReplyDelete
  2. Thanks for the post.I have visited your site. Valuable information. We are a web design & development company. Besides we convert psd to html/xhtml/wordpress/joomla/layer mask etc.

    ReplyDelete

Apply to be a Chitika Publisher!
Follow on Buzz