Fireworks CS6 has something related to this. If you select an object in Fireworks, you can get the CSS which will build the shape, gradients, curved borders, etc.
http://layersmagazine.com/new-css3-support-in-dreamweaver-cs...
CSS Hat translates Photoshop layer styles to CSS3
31–40 of 77 posts
Re: CSS Hat translates Photoshop layer styles to CSS3
#32I wonder how many people still use Photoshop to create mocksups first and then move to HTML/CSS. Ever since CSS3 became popular I create my mockups directly in HTML/CSS3.
I always use Photoshop for my mockups for clients, but I'm still pretty new to web design. I've only been at it about 5-6 months, with 1-2 years experience in graphic design. Any advice?
Re: CSS Hat translates Photoshop layer styles to CSS3
#33I wonder how many people still use Photoshop to create mocksups first and then move to HTML/CSS. Ever since CSS3 became popular I create my mockups directly in HTML/CSS3.
Looks like they are about to release a tool for that too http://csspiffle.com/
Here's their pitch: http://pitch.csspiffle.com/ Looks quite impressive. The idea is really not new, I've been waiting for more than 4 years now for a good HTML5 tool to go beyond Photoshop/Illustrator/Fireworks/Whatnot. I hope their app lives up to the pitch.
Re: CSS Hat translates Photoshop layer styles to CSS3
#34"Hate Flash? Click here!" That one's clever :)
Mine said "hate IE6?". In any case I think it would have been both funny and effective if it led to their products page, something like here is how we will can take your pain away..Redirecting to twitter? I didn't like it.
Re: CSS Hat translates Photoshop layer styles to CSS3
#35"Now waiting for App store approval" - does that mean Mac only?
No, it is not :) Although the initial release will be for Mac
Re: CSS Hat translates Photoshop layer styles to CSS3
#36From the link: "Photoshop is required to use CSS Hat." From their main site: "CSS Piffle. No more photo editing software for web design!" Eating their own dog food?
Well, a lot of people are stuck in Photoshop, unfortunately. That way there could be some transition from PS to straight HTML/CSS.
Re: CSS Hat translates Photoshop layer styles to CSS3
#37Hi guys, I'm one of CSS Hat devs and I'd like to thank you for your interest and show a little bit more:
This is the output of current version of CSS Hat: http://jsfiddle.net/tomaskafka/ZXgqN/
Re: CSS Hat translates Photoshop layer styles to CSS3
#38Why is the page calling me a fag?
Re: CSS Hat translates Photoshop layer styles to CSS3
#39What about exporting Stylus (/w nib) or at least LESS?
Re: CSS Hat translates Photoshop layer styles to CSS3
#40Why is the page calling me a fag?
That says "Faq". Notice how the loopy part of the descender goes to the right. I don't know why it's lowercased.