Инструменты для вёрстки?

Question

[Вова]

Всем привет. Всю жизнь занимаюсь плюсами, а тут вдруг стало интересно, как другие люди живут? Собственно, суть вопроса: есть верстальщики. Им "на вход" дизайнеры закидывают psd файлики. На выходе получается html+css. Как они это делают? :)
Я html могу сделать только в notepad-е. И сравнить внешний вид путём переключения окна браузера и окна какой-нибудь psd-шной смотрелки.
А как это происходит у нормальных людей?
Есть универсальный инструмент, который и html правит, и картинки сравнивать позволяет?
И что за слово такое "нарезка"? :)))

Answer 1

[Денис Инешин]

На ютубе полно видео, например: https://www.youtube.com/watch?v=Ul5942OxnRw
Гуглите что-то вроде "верстка из psd-файла".

Инструменты:
1. Фотошоп (299 руб. в месяц)
2. HTML-редактор (есть бесплатные, Sublime, Atom и т.д.)
3. Несколько браузеров (IE, Chrome, FF, Opera)
4. Виртуальная машина со старой Windows + IE8(9) (тоже есть бесплатные варианты)

Comments

[sim3x]

Добавлю, что какой бы редактор не был - он должен иметь emmet/zen-coding

[Денис Инешин]

sim3x: emmet и zen-coding - это на любителя. Я вот обхожусь без них и ничего, скорости не теряю.

[sim3x]

Денис Инешин: а автокомплит в твоем редакторе/иде есть?

[Денис Инешин]

sim3x: разумеется, но автокомплит и emmet не одно и тоже.