A Web Design Community curated by Chris Coyier

#13: Converting a Photoshop Mockup: Part Two, Episode Two

By: Chris Coyier on: 11/19/2008 with 2 Comments

In Episode Two of this series, we continue on with the structure of the site. In Photoshop, we create the three different states of the menu, then slice them up and use the CSS sprites technique to create the rollover and “on” states for the tabs. We then create the main content area and footer.

Running time: 26 minutes

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

Links from Video:

Get the Flash Player to see this player.

2 Responses

  1. saki says:

    Usually i am afraid to try out Css but after seeing your screen cast for 2 to 3 times i am trying to to do Css thankyou for motivating me

  2. great movie dude.
    keep up the good work.

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

* This website may or may not contain any actual CSS or Tricks.