PSD Coding

  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2123

Post 3+ Months Ago

What would be the best way to slice a PSD to code it with CSS. Its a full PSD layout, I generated the code with imageready, but there is no way in hell I am going to use that crap. I am trying to work out the best way to slice and dice it to make it not only CSS codable, but also, valid.

If anyone can help me out, or point me in the right direction, I will be very thankful! :D
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

Here's how I usually do it ... I start off with my full design in PSD ... I then don't actually slice it ... I just crop all the parts I need and save it and undo the crop ... but I do the basic coding first and then adjust it afterwards ...
  • ibragimm
  • Novice
  • Novice
  • User avatar
  • Posts: 34

Post 3+ Months Ago

righteous_trespasser wrote:
Here's how I usually do it ... I start off with my full design in PSD ... I then don't actually slice it ... I just crop all the parts I need and save it and undo the crop ... but I do the basic coding first and then adjust it afterwards ...

Thanks it's really great.
  • spork
  • Brewmaster
  • Silver Member
  • User avatar
  • Posts: 6243
  • Loc: Seattle, WA

Post 3+ Months Ago

I agree with R_T. I do most of my design work in Fireworks, then I start from scratch writing the HTML and CSS for just my basic layout, and once I've got that working suitably well, I start cropping my design as needed to produce background images, etc.
  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2123

Post 3+ Months Ago

I am going to give it a go later, how you both suggested, I bet it takes me a month to figure it out LOL!
  • SpooF
  • ٩๏̯͡๏۶
  • Bronze Member
  • User avatar
  • Posts: 3422
  • Loc: Richland, WA

Post 3+ Months Ago

After I design something, I save it as a JPG or something, open it up in one monitor, then code the site how I want it to layout in html. I always have the JPG showing when im coding, that way I can visualize how I want the the page to lay out. After that I crop the images I need and create the css for it.

I visualize the page in layers and then create the html for it, However I don't create images such as the ones below for all my designs.

http://files.travisperson.com/gif/design.gif
http://files.travisperson.com/gif/design2.gif
  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2123

Post 3+ Months Ago

Ahh nice, thanks for that SpooF.. I kind of understand your way better.

Post Information

  • Total Posts in this topic: 7 posts
  • Users browsing this forum: No registered users and 82 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.