News for hackers. Stuff that matters.
Re:CSS Hat translates Photoshop layer styles to CSS3 by josefresco on Thursday May 17, 2012 @11:09AM (#3987300)
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 by joshmlewis on Thursday May 17, 2012 @11:53AM (#3987518)
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 by gilrain on Thursday May 17, 2012 @11:37AM (#3987433)
Can you expand on why you recommend Fireworks over Photoshop, please?
Re:CSS Hat translates Photoshop layer styles to CSS3 by robszumski on Thursday May 17, 2012 @03:41PM (#3988683)
1. an Illustrator-style object selection engine so you don't have to do that "right-click > pick layer from list" BS. 2. Multiple versions of one screen in a single file. Think collapsed/uncollapsed states of a form or all of the tabs of a form. 3. Small file sizes because it uses PNGs. 4. Ability to import PSDs and use style from PSD layers. Same with Illustrator files. 5. Customizable patterns UI so you can drag and drop custom buttons, etc. 6. Built in prototyping. Just click-through stuff using hotspots, but it's a good way to see if an interaction is going to be worth pursuing further or not.
Re:CSS Hat translates Photoshop layer styles to CSS3 by AhtiK on Thursday May 17, 2012 @05:34PM (#3989224)
> 1. an Illustrator-style object selection engine so you don't have to do that "right-click > pick layer from list" BS.

Ctrl/Cmd+click with Photoshop move tool automatically selects the layer that is under your mouse cursor raster. Not 100% Illustrator-style but less BS than selecting from lists.