Набор верстальщика
Написал уже несколько постов о вёрстке, хаках и фокусах, но ни разу ещё не упомянул какими инструментами пользуюсь. Сейчас пришло этому время…
Плагины, помогающие при верстке
- FireBug. Ставлю его на первое место. Отличная работа с DOM-деревом, динамическое редактирование CSS, HTML, JavaScript. Пошаговое выполнение js-сценариев.
Страница плагина.
- Web Developer. Отображения информацию об элементе, «весе» документа, порядке вывода заголовков, внешнем виде верстки при печати и на мобильных устройствах. Также может изменять размер окна под различные разрешения и отправлять документ на валидацию.
Страница плагина.
- Html Validator. Проверяет валидность при открытии страницы. Результат проверки показывает иконкой в строке состояния.
Страница плагина.
- Colorzilla. Пипетка, которая может выбирать цвет с любой части окна и копировать в буфер обмена.
Страница плагина.
- Pixel Perfect. Как и следует из названия, проверяет, насколько точно сверстан макет относительно исходника, путем наложения полупрозрачного слоя поверх сверстанного документа.
Страница плагина.
- FireShot. Делает скриншот страницы и позволяет попутно снабдить его аннотациями.
Страница плагина.
Для написания html-кода я использую Eclipse с подключением множества плагинов.
Страница плагина.