{"id":17610,"date":"2012-06-15T10:12:38","date_gmt":"2012-06-15T17:12:38","guid":{"rendered":"https:\/\/blogs.adobe.com\/jnack\/?p=6923"},"modified":"2012-06-15T10:12:38","modified_gmt":"2012-06-15T17:12:38","slug":"css-hat-converts-photoshop-shapes-styles-to-css","status":"publish","type":"post","link":"http:\/\/jnack.com\/blog\/2012\/06\/15\/css-hat-converts-photoshop-shapes-styles-to-css\/","title":{"rendered":"CSS Hat converts Photoshop shapes &amp; styles to CSS"},"content":{"rendered":"<p>The $20 panel &#8220;<a href=\"https:\/\/csshat.com\/\">CSS Hat<\/a> turns Photoshop layer styles to CSS3 with a click,&#8221; promises its Web site, and in my limited experience it works rather well. It doesn&#8217;t map type layers to CSS font tags, but it&#8217;s clever enough to express the corner radii of rounded rectangles to CSS values. In many ways it&#8217;s similar to the <a href=\"http:\/\/blogs.adobe.com\/jnack\/2012\/04\/generating-css-from-shapes-in-fireworks.html\">CSS conversion features<\/a> in Fireworks CS6.<\/p>\n<p>What do you think\u2014useful, accurate?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The $20 panel &#8220;CSS Hat turns Photoshop layer styles to CSS3 with a click,&#8221; promises its Web site, and in my limited experience it works rather well. It doesn&#8217;t map type layers to CSS font tags, but it&#8217;s clever enough to express the corner radii of rounded rectangles to CSS values. In many ways it&#8217;s [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[28],"tags":[],"_links":{"self":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts\/17610"}],"collection":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/comments?post=17610"}],"version-history":[{"count":0,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts\/17610\/revisions"}],"wp:attachment":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/media?parent=17610"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/categories?post=17610"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/tags?post=17610"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}