Или "Web-dev Kit FivePlus with Zen-coding" (Набор веб-разработчика "Пять плюсов")
Очень удобная связка программ для верстальщика веб-сайтов (веб-мастера): FireFox, Notepad++ (Zen Coding include), FireBug, XRefrsher.
В этой статье пойдет речь о том как собрать и настроить эту связку для удобной работы.
Как и следует из второй "иллюстрации" редактирование кода в Notepad++ будет "налету" отображаться в Firefox.
То есть не нужно будет постоянно прыгать туда-сюда для обновления страницы и редактирования кода.
Понадобится нам для этого вот что: FireFox, Notepad++, FireBug, XRefrsher, Zen Coding.
Установка ФФ, я думаю, не должна вызвать особых вопросов.
FireBug качаем по ссылке и устанавливаем как плагин к фаерфоксу, тоже ничего сложного. И уберем из виду "Панель меню" (Меню Вид > Панели Инструментов > [-] Панель меню). Вызвать ее в дальнейшем можно будет по нажатию "Alt".
Notepad++ аналогично скачиваем с официального сайта, устанавливаем и настраиваем под свои нужды. Настоятельно рекомендую установить плагин Zen Coding для Notepad++ разработанный известнейшими веб-разработчиками нашей необъятной: Сергеем Чикуенком, Вадимом Макеевым и Александром Макаровым. Только устанавливайте тот, что можно найти с помощью Plugin Manager из самого N++.
Делает этот плагин приблизительно следующее:
То есть значительно упрощает жизнь верстальщика. И на изображении показана лишь единственная функция, которой хорош плагин. Подробнее обо всех его свойствах и достоинствах ищите в интернетах, обязательно находите, изучайте — и жить станет легче. Разделение вкладок в N++ делается кликом "правой мышки" на вкладке и выбором пункта меню "В другое окно", подробнее об этом уже написано ранее. Также давайте уберем лишние панели: панель инструментов и панель меню, которую чуть-что можно вызвать по нажатию "Alt", в N++, поставив соответствующие галочки в "Опции > Настройки > Общие".
А теперь установим программу которая и свяжет всю скачено-установлено-настроенную ерунду воедино. Называется она XRefresh. Качать необходимо как плагин для Firefox так и XRefresh Window Monitor для Windows. Именно эта программа будет проверять наличие изменений в наших source-файлах и при их наличии обновлять страницу автоматически в фоне через аддон в браузере. Установка плагина к браузеру не должна вызвать затруднений. Разберемся только с его активизацией. После установки плагина и перезагрузки лисы необходимо открыть FireBug, перейти на вновь образовавшуюся вкладку XRefresh и включить панель используя ссылку.
Далее устанавливаем XRefresh Window Monitor для Windows и назначаем в настройках папку проекта (достаточно указать папку всего проекта, либо в которой лежат изменяемые .css и .html файлы).
Теперь осталось подогнать высоты Файерфокса Файербага и Ноутпада++ для комфортной работы. Я бы рекомендовал подогнать высоту Firebug равной высоте Notepad++, а само окно Firefox развернуть. По счастливому стечению обстоятельств у меня при нахождении Ноутпада++ в фокусе и при наведении мыши (без передачи фокуса) на Фаерфокс в Фаерфоксе работает скролл (прокрутка страницы), но за это на всех компьютерах не ручаюсь, возможно дело в дровах для тачпада.
Это был #web-dev.kit +*5 with zen-coding
Спасибо.