PDA

View Full Version : PSD to HTML


Phreaddee
9th February 11, 08:49 AM
Hi.
Anyone who has read any of my posts would know that I absolutely hate IE (of any form) and that alone I could dribble on about for hours, or my total disgust about using tables for layout, or absolutely positioned elements, or tables and AP elements within IE, GRR! but no today I want to gripe about something much more hurtful - Slice and dice (PSD to HTML), or more to the point people who WANT to be web developers who click that lovely button in imageready/photoshop/fireworks THEN post on sites "why doesn't my webpage work?"
Because it is an image you fool!
When will people get it? slice and dice takes us back to the dark ages of tables (although they cleverly disguise it as AP elements). writing compliant simple easy to understand markup should be the aim of every new designer out there, and taking the easy route and not learning how to "make" your design with CSS is simply poor form.
a few simple rules.

write your own code, and I mean learn what you are writing, and you'll be able to find the problems. open up notepad and write a page. can you do it? its not that hard.
separate style from markup. this rule is so basic I just cannot understand why people cannot grasp it.
AP is the lazy way - unless it needs to be stuck somewhere it doesnt want to go.
leave the tables to the 1990's (unless your tabulating data)
but above all DONT SLICE AND DICE and wonder why html/css outputted from a program doesnt make logical sense.

meesa
9th February 11, 04:49 PM
Excellent tips. I for one never have even learned how to use slices, never bothered. However, I always find writting my own code much easier than working off of somebody else's.

Phreaddee
10th February 11, 05:25 AM
sorry about the language meesa.
was having a bad day.

meesa
10th February 11, 03:12 PM
You are forgiven.

yowkah
28th February 11, 10:24 PM
thats the exact way how i started. slicing and dicing through Photoshop, then picking out repetitive colors and images, cutting them out by hand. saving them. put the TD background with that image in repeat. and TATAHHH!! variable webdesign! ( wich looks **** on all screens except my own).

i totally agree with you on this hehe its the worst way to start webdesigning.