Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

Photoshop is a much more powerful design tool than CSS, and given free reign to design at will, designers will often tweak things like font settings to a degree that cannot be recreated on the web.

Is there any way to lock down Photoshop, or perhaps run an equivalent of the Office 2010 "Compatability report" that shows the designer where they have designed something that cannot be rendered on a web page.

Something like the old-school "web-safe" colour palette, but for an overall design.

share|improve this question

migrated from webmasters.stackexchange.com Jun 12 '12 at 11:29

This question came from our site for pro webmasters.

    
I wish there was a way of stopping non-coders designing things in Photoshop that are a pain to make in HTML and CSS. –  mickburkejnr Jun 12 '12 at 11:18
    
As (presumably) a CSS guy you probably have a clearer idea than some of the designers here do of precisely which features you frequently see that can't be translated to CSS. If you could edit a list in to your answer that would help. It sounds like kerning and letter spacing (tracking) is one, it would be interesting and helpful to see what other common problems you see are. –  user568458 Jun 12 '12 at 12:15
    
(when I said '...your answer', I meant '...your question') –  user568458 Jun 12 '12 at 13:09
    
any designer worth their weight isn't creating non-reproducible items. :) –  Scott Jun 12 '12 at 22:21

2 Answers 2

Although you can design things in photoshop that can not be created in css directly you can almost do everything in that is in the photoshop file if you use slices aswell as pure css.

Somthing that might help bridge the gap between photoshop and css a little better is css hat i havnt tried it myself but looks like it could be pretty useful.

share|improve this answer
    
This is true for font effects as well as slices using things like endtwist.github.com/kerning.js –  user568458 Jun 12 '12 at 13:08

No.

While there's definitely some overlap and lots of situations where Photoshop is more powerful than CSS, the reverse is true as well — CSS can have multiple shadows and insets on the one object.

Also, depending on the browsers you wish to target, the abilities will vary, too.

I think your best option will be research and knowledge.

If you do want to go down the automated route, Fireworks CS6's new CSS properties panel may be worth a look.

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.