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

Написал уже несколько постов о вёрстке, хаках и фокусах, но ни разу ещё не упомянул какими инструментами пользуюсь. Сейчас пришло этому время…

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

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

Для написания html-кода я использую Eclipse с подключением множества плагинов.
Страница плагина.

1 комментарий
Sergey Zhuzhgov — 5.05.2011

Вышел клон Файербага для оперы "Opera Dragonfly" (http://www.opera.com/dragonfly/)

Оставить комментарий: