#1: Converting a Photoshop Mockup (part 1 of 3)

Posted on: 11/3/2008   By: Chris Coyier 14 Comments

In this first-ever video podcast, I start the conversion process of an Adobe Photoshop mockup of a website, into a real live CSS based website. This is pretty rough here folks, I’m sure these will get more focused with time. Please let me have it with criticisms at my contact page.

Running time: 10 minutes

Direct Download: High Quality, Quicktime .M4V Format (AppleTV Ready)

In this series:

Get the Flash Player to see this player.

Responses

  1. Kudzai says:

    Awesome. Thanks! (And btw, not “rough” at all, as you mentioned in the intro. Very well done).

  2. Brian says:

    Nice work. Look forward to watching the rest of this short series.

    However, you might want to add a link in the description to the other two parts. It would make it easier for people to follow along to the next step, instead of having to go back to the category archive and scroll all the way down.

  3. Rodney says:

    Just noticed this cast through your “Thank You (2008 Edition)”-post.
    Simply love it.
    Question: What kind of doc-type do you use on new files ?

  4. Santana says:

    Nice Tut!! man!!! Congratulation

  5. britta says:

    Hey Chris,
    “sehr schön” like we say in Germany ;-)
    I’m learning webdevelopment in school… but I don’t understand some stuff and sometimes our teacher can’t explain it at all. with your tutorials its very easy even if its in english!!
    Thanx a lot!
    Britta

  6. Mike Dedmon says:

    The link to Arby’s… hilarious!

This comment thread is closed. If you have important information to share, you can always contact me.