Набор верстальщика

В поиске ответа на вопрос «Как верстать качественно, но делать это еще быстрее?» стоит узнать, чем же пользуются большинство верстальщиков.

Плагины для Firefox, помогающие при верстке

FireBug

— по праву на первом месте. Отличная работа с DOM-деревом, динамическое редактирование CSS, HTML, JavaScript. Пошаговое выполнение js-сценариев.

Страница плагина.

Web Developer

— необходим для отображения информации об элементах, «весе» документа, порядке вывода заголовков, внешнем виде верстки при печати и на мобильных устройствах. Также может изменять размер окна под различные разрешения и отправлять документ на валидацию.

Страница плагина.

Html Validator

— Проверяет валидность при открытии страницы. Результат проверки показывает иконкой в строке состояния.

Страница плагина.

Colorzilla

Добавляет инструмент — пипетку, которой можно выбирать цвет с любой части окна и копировать в буфер обмена.

Страница плагина.

Pixel Perfect

Как и следует из названия, проверяет, насколько точно сверстан макет относительно исходника, путем наложения полупрозрачного слоя поверх сверстанного документа.

Страница плагина.

FireShot

Делает скриншот страницы и позволяет попутно снабдить его аннотациями.

Страница плагина.

Инструменты для написания html-кода

Wordpad лучше всех!

Если серьезно, то Adobe Dreamweaver очень хорош своим функционалом, но зачастую для правки кода «на лету» подойдут более легкие программы.
Я, например, часто использую Notepad++ (это удобный редактор с подсветкой синтаксиса и функциями подстановки/замены).

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *