#12: Converting a Photoshop Mockup: Part Two, Episode One
* 11/19/2008 — 12 Comments *
There has been LOTS of great feedback on the first series of Converting a Photoshop Mockup into HTML/CSS. So let’s do it again! Every website is different will require different conversion technqiues so there will be plenty to learn this time around that will be different from last time. The mockup we will be using here is a mini-version of the current version of CSS-Tricks itself! (note: Not anymore… but this is sorta how CSS-Tricks used to look
)
Running time: 22 minutes
Direct Download: High Quality, Quicktime .M4V Format (AppleTV Ready)
Get the Flash Player to see this player.






Just wanted to say your vids are really helpful for those of us learning CSS (and other stuff for web development too) and that this series of vids espescially is a huge benefit for my assignment work, so thank you.
please never take these vids down. possible one of the most valuable resources on the internet for up-and-coming developers. thank you for ur time.
This tutorial is great, but I do have a question: On about 14:41, you come in with your own stylesheet to start with, but when I start a new CSS File in Dreamweaver, it’s just empty. What do I do now?
you are awesome. do you every get to rest. big fan for awhile just thought i would post it so you know. keep it up!
Thanks for the videos Chris, though try CTRL+SHIFT+D in textmate for duplicate line.. easier than copy pasta!