Хороший инструмент для нарезки PSD на CSS+HTML вывод

Question

Есть ли какой-нибудь инструмент для нарезки PSD дизайна, который генерирует CSS+HTML (не отлично, но в качестве отправной точки). Я слышал, что в фотошопе есть какой-то wysiwyg-редактор, который генерирует вывод CSS + HTML на нарезанный PSD, но ничего не нашел. Или есть какой-нибудь хороший учебник, который может помочь мне как разработчику в этой сложной ситуации css (как градиентный фон div и добавление теней без неподдерживаемого css3). Извините за столь глупый вопрос, но я действительно застрял в этом "дизайне" как разработчик.

Answer 1

Я использую psd2cssonline.com - вы можете бесплатно создать базовый html/css, а если вы хотите более сложный css, вы можете подписаться на услугу pro. Обе версии фантастические - это действительно помогло мне выучить CSS. В основном в фотошопе вы называете свои слои psd в зависимости от того, какой элемент CSS вы хотите, чтобы каждый слой был (фон, текстовое поле, нижний колонтитул, ролловер, изображение и т. Д.), А затем загружаете его на сайт, просматриваете и загружаете вывод.

Answer 2

Да, есть много уроков, но для начала взгляните на них:

http://www.1stwebdesigner.com/freebies/psd-htmlcss-conversion-tutorials/

http://www.ehow.com/how_8391171_export-psd-css.html

http://www.warriorforum.com/website-design/199348-best-psd-html-tool.html

Надеюсь это поможет.

Answer 3

Моя компания создает плагин для Photoshop под названием SiteGrinder, который преобразует дизайн Photoshop в готовые веб-сайты или темы WordPress. http://www.medialab.com/

Есть также много сервисов для нарезки.psd.