{"id":68,"date":"2011-03-11T07:45:24","date_gmt":"2011-03-11T12:45:24","guid":{"rendered":"http:\/\/www.rymocs.com\/blog3\/?p=68"},"modified":"2011-03-11T07:45:24","modified_gmt":"2011-03-11T12:45:24","slug":"backgrounds-in-web-design-going-from-psd-to-code","status":"publish","type":"post","link":"http:\/\/www.rymocs.com\/blog3\/2011\/03\/11\/backgrounds-in-web-design-going-from-psd-to-code\/","title":{"rendered":"Backgrounds in web design: Going from PSD to code"},"content":{"rendered":"<p>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.<\/p>\n<p>In my previous post entitled \u201c<a href=\"http:\/\/www.techrepublic.com\/blog\/webmaster\/backgrounds-in-web-design-creating-a-theme\/183\" target=\"_blank\">Backgrounds in Web Design: Creating a theme<\/a>.\u201d 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. (<a href=\"http:\/\/www.techrepublic.com\/blog\/webmaster\/backgrounds-in-web-design-going-from-psd-to-code\/196?tag=nl.e101\" target=\"_blank\">Read more&#8230;)<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>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&hellip; <\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[10,5],"tags":[29,21,35,36,27,54,26],"_links":{"self":[{"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/posts\/68"}],"collection":[{"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/comments?post=68"}],"version-history":[{"count":2,"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/posts\/68\/revisions"}],"predecessor-version":[{"id":70,"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/posts\/68\/revisions\/70"}],"wp:attachment":[{"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/media?parent=68"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/categories?post=68"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/tags?post=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}