Friday, June 12, 2015

Export CSS from an Abode Photoshop text layer!

I am just learning today that one may right-click on a text layer in Adobe Photoshop and pick "Copy CSS" from the menu that appears and then turn around and paste into Notepad to get a CSS representation of the copy in the text layer! This may be a starting point of sorts for some of your CSS if you are building a web site from a Photoshop comp (comprehensive layout) or two, but I would not blindly use the CSS created. It is a little nasty. If you open Microsoft Word and make a table and type some stuff in it and then save it out to a .html file and finally turn around and look at the HTML generated in Notepad, you will notice that the stuff that was generated for you is markup you would never haven penned yourself. A lot of tags start out with a lower case o followed by a colon and a lot of corny classes like MsoNormal are tossed in there. The stuff one gets back from Photoshop for CSS is not a horrible as the HTML that comes out of Word, but... I make the comparison for a reason. Be wary of what you cough out. It's not pretty, not without some love on your part anyways.

No comments:

Post a Comment