Comps to Templates - more demos

 

CSS Tricks web casts

Converting a Photoshop Mockup (part 1 of 3)

Converting a Photoshop Mockup (part 2 of 3)

Converting a Photoshop Mockup (part 3 of 3)

I felt these were excellent tutorials, however if I had been creating the mark up I would have created a div with an id of "header", and another div with an id of "header-nav". I would have placed the "header-bg" image in the "header" id.