Using Coded Preview with design drafts

Design November 14, 2008 8 comments

coded-previewI found a great tool for web designers to use with clients or just for themselves when you want to display a photoshop draft (or any image) as it would look in your browser.

The old way of doing this would be to upload a full size image and then give your client the link. This is fine and dandy, but some clients use IE7 that uses the zoom feature on images that are larger than their browser window. You also have to live with the borders around the image.

This is where Codedpreview steps in and does the job for you. It’s quite simple to upload your image and then add your background color or even a repeating background image. I just added a top navigation to my own blog today, but I wanted to see how it would look in a browser first.

Isn’t this a much better way of presenting your drafts to your clients?

8 Responses

  1. Mark Bowen
    Nov 14, 2008

    Nice link thanks for that although in all honesty I personally have a template ready for just this purpose and can very quickly (usually takes less than a minute) have this all up and running for a client.

    Will look into this though as might come in handy depending on how much quicker it is.

    Best wishes,

    Mark


  2. admin
    Nov 14, 2008

    If you have a template that is great, but this takes less than a minute :)


  3. Simon
    Nov 16, 2008

    That’s a pretty cool idea. Although I’ve basically been doing the same in Dreamweaver for years.


  4. Jon Williams
    Nov 19, 2008

    I just might try this out. Thanks.


  5. Anders-Meyer Eldøy
    Nov 23, 2008

    I have also been using a similar technique, displaying the large image as css background and making a link tag the same dimension as the css #container would. This also makes it easy for a client to click through several diferent sketches. I doubt that this service could compete with the flexibility of coding your own previews?


  6. ZLatko
    Nov 26, 2008

    Cool job done! Thanks for sharing! This would certainly make my life easier a bit :)


  7. Seb
    Dec 11, 2008

    Hey,

    I’m Seb, the founder/owner of Coded Preview.

    Just wanted to let you know, that since you wrote this post, the site has launched some pretty useful updates and a new design to go with it!

    Hope you enjoy it!

    Thanks for writing about it.

    Seb


  8. admin
    Dec 11, 2008

    Hey Seb, thanks for dropping by! I saw the new features yesterday when I did a codepreview for a client, and they are really neat, as well as the design looks very good!


Magnus Jepson

Hello! I’m Magnus Jepson, co-founder of WooThemes. See my business/work underneath or check my latest tweets on the right.

Drop me a line!

If you’d like to tell me about some exciting stuff or just say hello, my e-mail is magnus@jepson.no