From Photoshop file to HTML/CSS to WordPress series
I miss having the time to read my daily blogs like I used to, but came across this great series from one of my favorites: Chris Coyier, whose one site CSS-Tricks has helped me immensely.
In the series he takes you from the design process of making a webpage layout, to the slicing and coding process - where CSS makes the design come to life. Next he takes you through the process of integrating that code into a CMS (content management system) like WordPress. This way everything (posts, feeds, updates) are dynamic and site wide. I hope you subscribe to his RSS feed, check out his other blogs and enjoy the series.
I commented that I hoped there was a 4th in the series to show us the process in prepping and encoding the photo gallery, contact form, shopping cart and Twitter feed. We'll all have to check back in to see!
Part 1 starts from absolute scratch in Photoshop, with just a few provided resources from the client. We design the homepage and skin for the site.
Part 2 shows how to slice up the design from Photoshop into XHTML/CSS.
Part 3 shows how to convert it into a WordPress template.
