Help - Search - Members - Calendar
Full Version: Convert Your Photoshop Document Into A Css In Less Than 30 Seconds!
Zymic Webmaster Forums > Web Design & Development > General Web Design Discussion
Drake14
http://www.duclaux.net/blog/how-to-convert...ons/2006/02/08/

found this online! works great!!!!!!

try it out, it'll save TONS of time!

EDIT: Sorry, posted this in the wrong place >.< My bad >.<
Cmain
This is not the way to do it. The code this puts out is not semantic and just plain bad. It is much better to just do it by hand.
machine
Hey, this could be a nice starting point to further fine-tune/modify/improve your CSS coding. Thanks. smile.gif
Drake14
QUOTE(machine @ Jan 5 2008, 10:34 PM) *
Hey, this could be a nice starting point to further fine-tune/modify/improve your CSS coding. Thanks. smile.gif


that's exactly what my point is smile.gif That's why I'm using it biggrin.gif
Alex
Really, do it by hand. The code this throws out is useless, it teaches you nothing and only tempts you to settle for it's sub par attempts at markup rather than actually working and doing a good job of it.
Nexus
Meh... if this is not good, does anyone know where a GOOD one is then?
machine
I guess doing it manually is the best way is the best way for learning anything. So Alex is right when he says "do it by hand".

For large sites [where several developers collaborate] it is important to have the code properly formatted for efficient and easier collaboration. So if Drake wishes to be an ace developer in the future he'll need to develop properly-coded CSS [which is universally accepted and properly formatted].

But my question is this: the code generated by this method -- is it really that bad?
Cmain
QUOTE(machine @ Jan 5 2008, 11:22 PM) *
I guess doing it manually is the best way is the best way for learning anything. So Alex is right when he says "do it by hand".

For large sites [where several developers collaborate] it is important to have the code properly formatted for efficient and easier collaboration. So if Drake wishes to be an ace developer in the future he'll need to develop properly-coded CSS [which is universally accepted and properly formatted].

But my question is this: the code generated by this method -- is it really that bad?


It really is not that hard to learn proper markup. The code that this generates is no better than the bad table code the Imageready generates. Just because it uses CSS does not mean that it is good at all. This code is hard to read/edit and has poor accessibility.
Nexus
Is the only reason why it's bad? Because it's hard to edit?
Drake14
I messed around with it a little more, and it's really a pain in the ass, i think i'll stick with coding it myself.

Although i think i'm doing it wrong. does anyone have like, a step-by-step guide or something, either posted here or on a website?

I do wish to become an "Ace" developer, and hopefully (after college) become a full-time web designer...

so i'm sure it would help me out to know the proper way to do everything needed to take a layout from photoshop, and code it correctly wit HTML/CSS.
Cmain
QUOTE(Nexus @ Jan 6 2008, 02:45 AM) *
Is the only reason why it's bad? Because it's hard to edit?


Basically when coding a layout you want to code with tags that are meaningful to the content they contain. Writing code by hand guarantees better browser compatibility and accessibility.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2012 Invision Power Services, Inc.