Hey, I saw a useful thing on Digg today (unbelievable, I know)! CSS Slicing Guide, a website that teaches how to use Photoshop (or other programs) to slice a layout into working CSS code instead of tables.

As you may have noticed, there are tons of sites that still use tables to line up images into a layout. I admit I’ve done it in the past. If you’ve ever used Photoshop/Imageready to slice a layout, you have to admit it’s a lot easier to do it as a table. Hopefully this guide will help improve the state of the web. Personally, I don’t mind the table-based layouts…others do though.

I’m going to have to read the guide thoroughly. Why? I want to improve my slicing techniques for CSS layouts. I’ve gotten pretty good at tables, but I’m not anywhere near as good with the CSS output. I can hand-code CSS layouts fine, put dealing with the output from Imageready isn’t much fun. Then again, it’s not much fun editing the output for table-based layouts either…

I wish Imageready had options to output code that can hold content (of varying lengths, of course) instead of a bunch of stuff that just holds images in place. It’s a big pain to go through all of it and change 3/4 of the code just so it will hold content without breaking up funny.

This entry was posted on Wednesday, April 25th, 2007 at 11:44 am by Matt and is filed under CSS, Web Sites, Webmasters. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.