Какой софт использовать для верстки / программирования (Front-end)?

Question

[Александр Балашов]

Здравствуйте!
Спасибо за ответы. Сейчас использую Sublime, Photoshop. Хотел бы услышать от вас советы по выбору софта, что Вы сами используете. Мне нужно нарезать макеты для верстки, программировать на JS и т.п.

Comments

[Андрей]

Для верстки однозначно sublime
https://www.youtube.com/watch?v=9U5GWOPLbGQ
Вот тут на мой взгляд все пакеты, что нужно.
Для программирования, если платное решение, то шторм - он реально крут. Если бесплатное, нетбинс.

Answer 1

[Евгений Петров]

Проектирование — Balsamiq Mockups (ну и MS Word, куда же без него:)
Нарезка — Fireworks (Photoshop для коррекции полученных макетов)
Иконки — ArtIcons (не идеал, просто купил когда-то) или любой редактор для PNG + любой конвертер
SVG — Illustrator и Inskape
Пипетка (просто пипетка, а не комбайн) — EYE3 (вариантов масса)
Код — Sublime (посматриваю в сторону WebStorm), иногда Notepad++, иногда Excel для подготовки массивов данных
Локальный сервер — использовал из-за простоты установки Denwer, перехожу на Node.js
FTP клиент — Filezilla
Быстрая проверка на iPad, iPhone (iPod) — Electric Mobile Studio

Comments

[Евгений Петров]

@Grawl
Тот факт, что Adobe решил в угоду своим проектам прекратить развивать Fireworks, не означает, что я тут же удалю его с компьютера.
Сформулируйте, пожалуйста, то, чего вам не хватает в Fireworks CS6.
На данный момент его возможностей хватает и вполне, а дальше видно будет.

Бумажное проектирование прекрасно, но только как черновой вариант для себя. Настаёт момент, когда нужно показать это в процессе конференц-колла, вставить в документацию, отправить нескольким участникам проекта, расположенных в других городах. Делать сканы — не вариант.

[Евгений Петров]

@Grawl представьте, что вы решили уехать на 3 месяца в Испанию, Таиланд etc. А работать над проектами продолжите. Да и фриланс на постоянной ставке — далеко не редкость.

[SerzN1]

Евгений Петров , наверно русский вопрос ... Electric Mobile Studio - это купленная вещь или есть варианты без уплаты 40 баксов?

Answer 2

[Александр Токмаков]

phpStorm - Мне очень нравится. И front- и back- and'ы

Answer 3

[Michael Danilov]

Нарезать макеты - Photoshop.
Программировать на JS и т.п. - Sublime.
Итого у вас всё уже есть :)

Answer 4

[Павел Мышкин]

Советую начать работать с IDE, WebStorm, NetBeans, Eclipse ... все-равно рано или поздно сделаете это и пожалеете, что не сделали это сейчас.
Работать с node.js и начать использовать сборщики всякие, Grunt или Gulp - там в плагинах найдете много вещей, которые вам помогут в разработке (в связке с bower - закачивать библиотеки, минифицировать и собирать в один файл код, оптимизировать картинки, использовать SASS, LESS, Stylus, Jade и т.д.). Есть еще какой-то yeoman - но я сам пока не использовал.

Жирным выделил то, что использую я, но это дело вкуса.

Answer 5

[SerzN1]

ИМХО:
IDE
brackets - для быстрых проектов (minify, coffee, less, autoprefixer и так далее)
webstorm - для серьзных проектов
sublime - ни туда ни сюда (не понимаю за что его выбирают, сам использовал обплевался, НЕ НАДО ПИСАТЬ МНЕ ЧТО НЕ УМЕЮ ГОТОВИТЬ)

Косметика
Photoshop (psd), Illustrator (svg), fireworks (векторные макеты), Clip2Net (отличная пипетка по Win+W и скриншотер с подсказками). а так же рекомендую смотреть в сторону визуальных редакторов с выдачей кода если позволяет техника и деньги , тк они в основном под мак (avocode, brackets extract, sketch и тп), так как простая нарезка стремных макетов с приветом из 90х во времена масштабиреуемой графики и ориентирования на контент никому не нужны.

Сервер
XAMPP или любой подходящий вариант под ваш стек от bitnami вплоть до MEAN

Гит!

Answer 6

[Artem Kom]

Кодинг делаю в Sublime
Для нарезки - Фотошоп.

Answer 7

[Akmal Sulaymonov]

Я пользуюсь Dreamweaver-ом

Comments

[Максим Дунаевский]

Лицензионным или репаком от Вована?

[Akmal Sulaymonov]

Free version :)

Answer 8

[Василий минодвесП]

Brackets для js думаю неплохо подходит (есть плагин интеграции с nodejs, плагины подсветки синтаксиса, плагины для разных javascript-овских плюшек и т.д.). К тому же, т.к. это прога от Adobe, то наверное его можно как-то с фотошопом интегрировать... (также есть неплохая IDE LightTable)

Comments

[Максим Дунаевский]

Официально доступен плагин Extract как раз для таскания элементов из PSD-макета в вёрстку.

Answer 9

[Andrey Baranichenko]

Sublime для верстки Nusphere PHPed для PHP

Answer 10

[sergey1989]

Sublime с Emmet