Какую программу для верстки выбрать?

Question

[Антон]

Есть ли под виндовс 7 нетребовательная к ресурсам программа для верстки, не требующая интернета, которая:
1. показывает сразу результат, как это делает codepen.io
2. делает подсказки по css, как это делает браузер, когда через консоль правишь стили
3. работает с jquery, гугл шрифтами и awesome, возможно bootstrap
4. возможность сохранять проекты для последующей правки

Поскольку, верстку я делаю крайне редко, я далек от всех премудростей разных программ и сейчас это выглядит так:
набираю через codepen.io скелет, сохраняю в файл на сервере и накидываю стили через консоль браузера. Хотелось бы наглядно и в одном пространстве это делать.

Comments

[Rustam Bainazarov]

Любой современный редактор кода, live-reload (хоть в виде плагина, хоть сервера), сборщик и браузер.

Никаких специальных программ никто не использует.

[Антон]

Рустам Байназаров, странно.
Еще в далеком 2000 году было что то типа Adobe Dreamweaver Macromedia, где делалась какая то верстка. Я считал, что за 20 лет мир оброс разного рода программами, которые работают с популярными библиотеками в режиме live

[Rustam Bainazarov]

Антон, нет. Либо же качество выдаваемого ими кода осталось на уровне нулевых. Как, впрочем, и сам Dreamweaver.

[Сергей delphinpro]

Четвертый пункт требований к программе повеселил =))
Много вы знаете программ, которые не умеют сохранять результат работы?

Никаких специальных программ никто не использует.

Рустам Байназаров, а как же webstorm? Чем не специальная программа для разработки? )

[WapSter]

Сергей delphinpro, думаю он про то как мышкой блоки перемещать ну или, что-то подобное. Хотя и такие есть.

[Rustam Bainazarov]

Сергей delphinpro, да, почему бы и нет. Просто он хочет что-то из разряда WYSIWYG-редактора.

[Антон]

Не нужно мне никаких блоков двигать. Я просто хочу руками набирать код и сразу видеть результат как в codepen.io

[Rustam Bainazarov]

Антон, liverload-плагин для любого редактора кода.

[Антон]

Рустам Байназаров, да спасибо, я уже понял, я пока разбираюсь и читаю про этого. Думаю про связку с Sublime

[Rustam Bainazarov]

Антон, да, хоть с ним, родимым, почему бы и нет. Настройка этой штуки — минута.

Answer 1

[WapSter]

(webstorm, VSCode, Atom, Sublime) + gulp || webpack. Для VSCode есть плагин livereload, для других возможно тоже.

Comments

[DevMan]

лайврелоад спокойно делается вообще без привязки к редактору.

[WapSter]

DevMan, мне это известно) Попробуй объяснить текстом, что да как по этому пусть тыкают мышкой по плагину в редакторе)