Как делают вёрстку из PSD в HTML?

Question

[Монти Пайтон]

Раньше вроде в brackets.io был прекрасный инструмент для этого, который назывался:

Extract

впоследствии его перенесли в облако, в связке с дримвьювером, после этого всё стало не так удобно как было. Какую замену этому верстальщики придумали сегодня?

Comments

[Иван]

photoshop,не?

[Монти Пайтон]

Иван: нативно или с каким-то плагином?

[Владимир]

Чем Extract не устраивает ?

[Монти Пайтон]

Дримвьювер CC потому-что "ставить" надо, или тогда в нём ограничения триальной версии, а покупать такого "монстра" ради только одной этой возможности нецелесообразно, оно же так теперь делается? А именно, что получается, выгружается им на сервер макет, а их мощности это считают и выдают обратно частями. Это как-то сильно сложно для такого простого процесса. Если даже предположить что вы намекаете на то что надо как-то обойти пробные возможности, то в таком случае придётся всё равно отгружать на их сервера постоянно работоспособные шаблоны. Иммется ввиду, что даже если платить им раз в месяц за пользование, то всё равно для работы с этим нужно подключение к интернету. Это всё слишком усложнено. Правильно?

[Владимир]

Ostin1: есть веб версия

[Монти Пайтон]

Владимир: суть состоит в том, что-бы как можно быстрее уйти из зависимости от веб для такой элементарной задачи, а не наоборот, ведь эта задача раньше была посильна простому маленькому дополнению для редактора кода

[Владимир]

Ostin1: Редактор кода использовал АПИ из веб

[Монти Пайтон]

Владимир: о чём конкретно это свидетельствует?

[Владимир]

Ostin1: О том, что, если вы не работаете в команде, и не готовы платить за авокод или зеплин, можно не иметь себе мозг а пользоваться екстрактом в веб, он прекрасно работает.

[lukoie]

И на чем в итоге остановились?

[Монти Пайтон]

lukoie: на поисках одного или нескольких похожих по функционалу плагинов для фотошопа

Answer 1

[Андрей Никифоров]

avocode

Answer 2

[McBernar]

Верстают сейчас с помощью Zeplin.
Недавно он научился и psd поддерживать.

Comments

[Владимир]

Чем Zeplin отличается от Extract если ты не работаешь в команде ?

[Yustas Alexu]

Владимир: Не знаю, что есть Extract, но Zeplin как и его конкурент Avocode позволяют просматривать дизайны сделанные в Photoshop, Sketch, Illustrator без необходимости их покупать и устанавливать.

[Yustas Alexu]

Владимир: С Illustrator я правда дал маху. Там только Photoshop и Sketch.

[Андрей]

Yustas Alexu: "падаждити, падаждити", у меня вопрос, как в zeplin открыть psd не использая плагин для PS?

Answer 3

[Xeli]

Раньше вроде в brackets.io был прекрасный инструмент для этого, который назывался:
Extract

Он и сейчас есть. Их задушила жаба и он работает через браузер по платной подписке. Можно экспортировать параметры напрямую из фотошопа или пользоваться дримвивер (сомнительная затея).
Альтернатива Avocode, но некоторые PSD он открывает с ошибками, увы.
На офицальном сайте есть такая отписка :

Почему Adobe удаляет Extract из CC Assets и Brackets?
Мы узнали, что клиенты находят Extract наиболее полезным в Photoshop и Dreamweaver на этапах дизайна и производства.

Где можно использовать Extract сейчас?
Вы сможете использовать функционал Extract здесь:

Photoshop CC: функция экспорта ресурсов позволяет экспортировать ресурсы в различных разрешениях
, оптимизированные для современных требований интернет-разработки и разработки приложений одним щелчком мыши.

В общем задавила жаба их.