CSS-Tricks

#12: Converting a Photoshop Mockup: Part Two, Episode One

* 11/19/2008  —  12 Comments *

by: Chris Coyier

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.


Bookmark at Delicious Digg this! Stumble this! Submit to DesignFloat Submit to DZone Share on Reddit Bookmark on Google Bookmarks

Responses


  1. Richie says:

    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.

  2. ankur says:

    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.

  3. Niels says:

    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?

  4. aimee says:

    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!

  5. dan says:

    Thanks for the videos Chris, though try CTRL+SHIFT+D in textmate for duplicate line.. easier than copy pasta!


Leave a Comment

Save time next time! (You won't have to fill out all these fields) Register | Login

Gravatar

Your Name
1/5/2009