Others  >>  Photoshop

Converting a Photoshop Mockup

Language: English Quality: High Has Audio: true Source: Other Media: Flash Posted On: 23 Jun 09
Conversion process of an Adobe Photoshop mockup of a website, into a real live CSS based website series.

Tags: CSS Tricks, Screencast, CSS, Tricks, photoshop, series,     [SUGGEST  A  TAG]
     Series Listing
Converting a Photoshop Mockup (part 1 of 3)
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
Converting a Photoshop Mockup (part 2 of 3)
In part two of this series on converting a Photoshop mockup to an HTML/CSS Website I continue on with the header/menu section of the site. I change the way in which the site is centered when I decide to wrap the entire site in a page-wrap div instead of centering each major page element. Then I plug in some 'filler” content for the main area before I end with building the footer.
Converting a Photoshop Mockup (part 3 of 3)
I finish up the design in part three of this series on coverting an Adobe Photoshop website mockup into an actual HTML/CSS website. This one focuses on the main content area. I create the the columns including the "quick links" section. I also talk a little bit about typography