1. CSS
  2. Flash
  3. HTML
  4. Illustrator
  5. Java
  6. JavaScript
  7. Maya
  8. Photography
  9. Photoshop
  10. PHP
  11. Ruby
  12. Ruby on Rails
  13. 3ds Max

Photoshop: Export your design to divs with photoshop

  1. Clicks today:
    0
  2. Clicks this month:
    0
  3. Overall rating:
    3.62/5

Photoshop » Web Layouts — over 9 years ago
Thumbnail
Ever wondered if you could change the settings in Photoshop so that you could export your sliced design in css and xhtml instead of tables? In this tutorial I will go in to full detail how to do just that!

Comments

avatarColinsmiley over 9 years ago

Thanks! Great tutorial :))

avatarOnesourceFX over 9 years ago

Thanks, be sure to register and request some tutorials that way we know what kind of tutorials our user base is looking for! More tutorials to come!

avatarJacorre over 9 years ago

Is the resulting code standards compliant? The downside to doing it this way is that Photoshop creates generic names of the divs and later on if you have to do some editing you have no clue which is what at first glance. It's always better to code the layout yourself since you have more control in the naming and things like that.

avatarOnesourceFX over 9 years ago

Jacorre, I 100% agree with you but for someone who doesn't know much about coding, its a great way to start. As for the standards complaint I haven't really looked into it, I don't use this method I do use photoshop to slice my design but then I only export the images, and do the coding myself. Cheers!

avatarstatman11 over 9 years ago

looks quite useful.

avatarhumaxDVB over 7 years ago

Sorry where i can find the tutorial. I am a newbie.

Your Comment

You must be logged in to post a comment.