Backgrounds in web design: Going from PSD to code

Takeaway: Ryan Boudreaux continues his example website project of creating backgrounds for web pages. In this installment, he takes the Photoshop design to CSS code.

In my previous post entitled “Backgrounds in Web Design: Creating a theme.” I illustrated the process of creating a layout using Photoshop to build backgrounds with various elements including buttons, images, textures, layers, text, colors, and placement. In this segment I will demonstrate taking the PSD file and converting it for display in HTML using CSS style coding. (Read more…)