CSS Lint — «умный» валидатор css

Мы раним ваши чувства (и поможем писать код лучше)

— перевод слогана на странице сервиса

Валидатор находится по адресу http://csslint.net/

Основной упор делается на обнаружение: логических ошибок внутри css-файла; неэффективного использования селекторов и элементов, которые могут вызвать проблемы в отдельных браузерах.

css lint

Рекомендации этого сервиса, на мой взгляд, полезнее валидатора от w3c.

Unicorn — комплексный валидатор W3C

Консорциум Всемирной паутины (W3C) порадовал совмещенным валидатором HTML+CSS+Feed с милым названием Unicorn (англ. Единорог).

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

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

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

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

FireBug

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

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

Web Developer

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

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

Html Validator

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

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

Colorzilla

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

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

Pixel Perfect

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

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

FireShot

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

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

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

Wordpad лучше всех!

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