good tool to slice PSD to CSS+HTML output

html css slice psd
user1324420 picture user1324420 · Apr 24, 2012 · Viewed 15.4k times · Source

Is there any tool to slice PSD design that generates CSS+HTML (not excellent, but as a starting point). I hear that photoshop has some wysiwyg-editor that generates CSS+HTML output on sliced PSD, but didn't find anything. Or is there any good tutorial that could help me as developer with this tricky css situations (as an gradient div background and shadows adding without unsupported css3). Sorry for so stupid question, but i'm really stuck about this "design" as developer.

Answer

amy picture amy · Feb 7, 2013

I use psd2cssonline.com - you can create basic html/css for free and if you want more complex css you can subscribe to the pro service. Both versions are fantastic - it really helped me learn css. Basically in photoshop you name your psd layers according to what sort of css element you want each layer to be (background, text field, footer, rollover, image etc) and then upload it to the site, preview and download the output.

Related questions

How to horizontally center a <div>

How can I horizontally center a <div> within another <div> using CSS? <div id="outer"> <div id="inner">Foo foo</div> </div>

Read More
How do I vertically center text with CSS?

I have a <div> element which contains text and I want to align the contents of this <div> vertically center. Here is my <div> style: #box { height: 170px; width: 270px; background: #000; font-size: 48px; color: #…

Read More
How to align a <div> to the middle (horizontally/width) of the page

I have a div tag with width set to 800 pixels. When the browser width is greater than 800 pixels, it shouldn't stretch the div, but it should bring it to the middle of the page.

Read More