Live data from Hacker News

CSS Hat translates Photoshop layer styles to CSS3

csshat.com

51–60 of 77 posts

Re: CSS Hat translates Photoshop layer styles to CSS3

#51

Earlier quoted context omitted.

Pretty scummy, more like.

I think "scummy" is a bit of an overstatement. I would have preferred it if there was a message first explaining how CSS Hat helps you stop using Flash (I'm assuming that was the intent). I'd be more likely to tweet in that case.

It looks like just a joke to me, I imagine it came from 'How do we get all these web developers to click on this link and maybe tweet'

Re: CSS Hat translates Photoshop layer styles to CSS3

#52
post #2

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.

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?

Two things from someone with 12 years in professional web design: Switch to Adobe Fireworks now before you get too used to Photoshop. And ignore all of the engineering advice here about jumping straight to CSS/HTML.

Good web design begins much earlier than Photoshop/Fireworks, and doesn't even move to the graphics/proof stage until you've made dozens of decisions beforehand that will influence your design (think business goals, marketing messaging, platform, audience etc.) HTML/CSS is almost one of the last steps in a complete web project.

Re: CSS Hat translates Photoshop layer styles to CSS3

#53
post #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.

Agreed. If they show me something awesome, that might give me a reason to send out a tweet. As it stands, I just closed the window.

Re: CSS Hat translates Photoshop layer styles to CSS3

#55

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...

Yep - kudos to Adobe for doing this; we discovered this while working on CSS Hat. We are in Photoshop, and from CS4 up, though :) Tomas (CSS Hat dev)

Re: CSS Hat translates Photoshop layer styles to CSS3

#56

Earlier quoted context omitted.

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?

Two things from someone with 12 years in professional web design: Switch to Adobe Fireworks now before you get too used to Photoshop. And ignore all of the engineering advice here about jumping straight to CSS/HTML. Good web design begins much earlier than Photoshop/Fireworks, and doesn't even move to the graphics/proof stage until you've made dozens of decisions beforehand that will influence your design (think busi…

Can you expand on why you recommend Fireworks over Photoshop, please?

Re: CSS Hat translates Photoshop layer styles to CSS3

#57

Earlier quoted context omitted.

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?

Two things from someone with 12 years in professional web design: Switch to Adobe Fireworks now before you get too used to Photoshop. And ignore all of the engineering advice here about jumping straight to CSS/HTML. Good web design begins much earlier than Photoshop/Fireworks, and doesn't even move to the graphics/proof stage until you've made dozens of decisions beforehand that will influence your design (think busi…

Yeah, I would take this as a grain of salt like any other advice. Fireworks isn't necessarily better, either.

I would definitely create buttons or icons in Illustrator (but you still don't have to do that), and do a lot of everything else in Photoshop. You can try Fireworks and see if it's your cup of tea, but Photoshop definitely isn't going anywhere as far as standard practice for awhile, at least from what I've seen. I've worked with startups all over the country and top web development firms and still all I see is Photoshop/Illustrator.

Not to say Fireworks is bad or you shouldn't use it, but take it as a grain of salt and see what works best for you. It never hurts to learn new things.

Re: CSS Hat translates Photoshop layer styles to CSS3

#58
post #39

What about exporting Stylus (/w nib) or at least LESS?

It's not generating total stylesheets, just blocks of CSS from what I can tell. Although an option for loosing the ; and maybe a couple features SASS/LESS has would be nice, and shouldn't be too hard to pull off.
Post reply on HN