With all the powerful features included in CSS3, it’s a shame that many designers don’t know how to use them, or simply aren’t aware of the fact that they exist. Recently, Photoshop Extensions such as DevRocket (which I use on a daily basis) have become essentials in the modern designer’s workflow. They’re very useful tools for slicing and exporting images for the web and apps, but don’t have the ability to convert shapes into valid code.

Enter CSS3ps.

After playing around with CSS3ps for a while, I can assure you it doesn’t just convert Photoshop layer styles into CSS like CSSHat, it exports clean, efficient code which takes advantage of the latest CSS techniques. Here are three examples.

If you’re looking for a simple way to speed up your web dev & design workflow, give CSS3ps a try. It’s free!