TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

CSS Hat translates Photoshop layer styles to CSS3

167 pointsby benacklesabout 13 years ago

17 comments

tomaskafkaabout 13 years ago
Hi guys, I'm one of CSS Hat devs and I'd like to thank you for your interest and show a little bit more:<p>This is the output of current version of CSS Hat: <a href="http://jsfiddle.net/tomaskafka/ZXgqN/" rel="nofollow">http://jsfiddle.net/tomaskafka/ZXgqN/</a>
评论 #3991214 未加载
评论 #3989235 未加载
colinramsayabout 13 years ago
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.<p><a href="http://layersmagazine.com/new-css3-support-in-dreamweaver-cs6.html" rel="nofollow">http://layersmagazine.com/new-css3-support-in-dreamweaver-cs...</a>
评论 #3987340 未加载
michaelmiorabout 13 years ago
"Hate Flash? Click here!" That one's clever :)
评论 #3986999 未加载
评论 #3986907 未加载
TazeTSchnitzelabout 13 years ago
I don't use Photoshop, but the hue-shifting glowing hat and floating words are a pretty cool effect.
评论 #3987069 未加载
huhtenbergabout 13 years ago
Oh, common. Who keeps changing the submission titles? It is really getting out of hand lately. What was wrong with "{css:hat}" ?
评论 #3988882 未加载
评论 #3989207 未加载
tomkinabout 13 years ago
I was <i>just</i> talking about this with colleagues. If some piece of photo manipulation software centered its features for the web developer and actually outputted the CSS for shadows, blend modes, etc. I am sure that many would be interested. Photoshop is great, don't get me wrong, but it is shoehorned into being a web development tool. It isn't by nature. Fireworks and tools like it were never well rounded enough. Now we're in an era where CSS can actually do a lot of the stuff Photoshop is capable of.<p>Can't wait to try this out.
unkomanabout 13 years ago
Why is the page calling me a fag?
评论 #3987054 未加载
评论 #3987327 未加载
评论 #3987084 未加载
评论 #3987057 未加载
sktrdieabout 13 years ago
This is huge if they can pull it off. I wonder how accurately they can make it happen. Even if they're simply able to position layers exactly the same as in PS, it's already something I would use as being extremely useful. This could virtually allow you to not code in HTML/CSS3 anymore - which is something I really hate to do.<p>So would it output the HTML elements and give you CSS3 code for it? How about &#60;forms&#62; and other elements that aren't just simply &#60;div&#62;'s? Can you make those?
评论 #3987059 未加载
评论 #3986918 未加载
评论 #3986903 未加载
sushiabout 13 years ago
I 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.
评论 #3986688 未加载
评论 #3986953 未加载
评论 #3986706 未加载
评论 #3986963 未加载
评论 #3986739 未加载
评论 #3987058 未加载
评论 #3986778 未加载
评论 #3988324 未加载
评论 #3986800 未加载
评论 #3986708 未加载
treelovinhippieabout 13 years ago
"Now waiting for App store approval" - does that mean Mac only?
评论 #3987000 未加载
评论 #3986845 未加载
评论 #3989282 未加载
pvidlerabout 13 years ago
From the link:<p>"Photoshop is required to use CSS Hat."<p>From their main site:<p>"CSS Piffle. No more photo editing software for web design!"<p>Eating their own dog food?
评论 #3987018 未加载
erableabout 13 years ago
This could be good -- any additional info that you can share? The details are somewhat scant and I'm greatly interested.
评论 #3987088 未加载
评论 #3986908 未加载
alexobenauerabout 13 years ago
It looks like it only exports webkit-compatitble CSS. If this is the case, this would be really disappointing.
评论 #3986905 未加载
评论 #3986842 未加载
jokullabout 13 years ago
What about exporting Stylus (/w nib) or at least LESS?
评论 #3987532 未加载
jzd131about 13 years ago
Any news on when the beta version will be released?
评论 #3986901 未加载
colemantiabout 13 years ago
How much is it going to cost? :P
reflexerabout 13 years ago
clever name