Easily Convert Photoshop Layer Styles to CSS3 with CSS Hat



Saw this today but I found it highly interesting! CSS Hat is a Photoshop plugin that has found a way to convert layer styles and create CSS that you can copy, paste and save the time of guessing or tinkering! Right now it’s $19.99 through their website!

We built CSS Hat to support all common vendor prefixes - radial transparent gradient for Firefox? No problem! We even generate SVG for IE9. CSS Hat also takes measurements and detects rounded corners on vector shapes – so you can be sure to get the exact same thing in browser. Strokes, shadows, glows? We render them all, just check out the sample kit.



And from what their Live Demos show it actually works and I’m fairly impressed! I’ve seen other great apps for CSS3 like Espresso by MacRabbit (my weapon of choice when it comes to code editing) and Gradient by Jumpzero which simplifies the process of making… well… gradients, but CSS Hat is setting the bar higher for tools of this sort.

I’d buy it but right now I have to get a summer job, hopefully a paid internship focused around design or web design, wish me luck and I hope this was an interesting find to you as it was for me!
Edit! I actually did go out and buy it after all so I’ll have some fun with this ;3