Совет PSD to HTML Converter

​

Exordium:

Доброго времени суток, Уважаемые форумчане!
Думаю многие из нас встречались с такой проблемой, как вёрстка шаблона с PSD в HTML... Занудское позиционирование, которое очень быстро надоедает.
Хочу представить вам замечательный сервис конвертации PSD в HTML (Кликабнльно) ;3
Он значительно облегчает жизнь веб дизайнерам, вам достаточно только правильно собрать PSD, сервис превратит страницу html за секунды, безо всякого труда.
Но не надо думать, что оформление PSD такая простая вещь, что бы сервер сделал работу качественно, вам надо ему помочь, расставить теги в слоях и поделить всё на группы.

Info:

Тег - это текстовая метка в имени слоя или группы слоев, при помощи которой Вы указываете, что слой (или группа слоев) в PSD файле должен быть сверстан в нечто большее, чем в обычное изображение или параграф текста. Тег слою можно задать несколькими способами:

• добавить перед тегом хэш '#', например: #bg,
• добавить перед тегом тире '-', например: -bg,
• заключить имя тега в символы '$', например: $bg$.
• Тегом можно пометить любой слой или группу слоев в дизайн-макете. Добавить тег в дизайн-макет Photoshop очень просто - нужно написать его в имени слоя в любом месте.
• Например, если есть слой "Layer 1" и Вы хотите сделать его ссылкой, то нужно добавить тег #link в имя слоя, например, таким образом: "Layer 1#link", или "La$link$yer 1", или "-link Layer 1". В любом из случаев в получившейся верстке идентификатор слоя будет: id = "Layer 1".

Имена Clipping mask слоев не должны содержать тегов - тегами следует помечать базовый слой, к которому применяется маска.

На данный момент в именах слоев можно использовать следующие теги:

Вот демонстрационное видео:



Ах да, забыл сказать, услуга не бесплатная, но цена не кусается, за одну вёрстку всего 99р.
За то не будет потери времени на базовое построение страницы ;3
Если вы дизайнер, думаю вы заинтересовались в этом. Согласитесь, выполняя заказ, не охото тратить день работы за вёрстку вашей "няшки" в html. (P.S. Для особо умных, слово "няшка", в этом предложении, используется как уменьшительно ласкательное слово, значение которого - "что то милое", в данной ситуации ваш шаблон)
Да и вашему клиенту думаю не нужно лишнее время на ожидание заказа ;3
Так что этот сервис во многом облегчит вам жизнь.
P.S. Сервис не мой, я просто показываю вам способ облегчения вашей работы.

Links:

Кого заинтересовало, вот ссылочка на основной сайт (Кликабельно ;3)
Это ссылка на их блог: *Тыц*
А вот подробная документация по работе конвертера: *Bom*


Прошу не ругаться за рекламирование другого сервиса, просто подумал, что информация окажется вам полезна ;3

Скидываем в комменты ваше мнение о данном ресурсе ну и кто хочет скриншоты вашей работы =D

 

Резервчик

 

Лайк, полезная вещь, сам писал?

 

Нет, это отдельный сервис, просто столкнулся с проблемой времени и решил погуглить, это был самый распространенный и проверенный запрос ;3
Вот и подумал, на RuBukkite ведь хватает дизайнеров, может быть коме ни будь и пригодиться =D

 

Это не мой... Я такое в жизни не напишу

 

Очень хорошо!Спасибо, но жаль, что платно=)

 

Бесплатный сыр,лежит в мышеловке!

 

Будет время, сниму видео по созданию шаблона в photoshop и вёрстке в данном ресурсе ;3

 

Давай на PYTHON + PHP + ACTIONSCRIPT напишем похожее? Бесплатно.

 

Давайте)

 

Да я бы не прочь, если бы был разработчиком...
А так я на ровне hello world. Единственное что я действительно могу хорошо, это написать дизайн ;3

 

Бедапечаль, а я все 3 языка отлично знаю
Хотя кому я вру? Питон в виде web-языка я вообще не знаю.. а остальное- отлично!