Как проверить качество верстки?

Доброго времени суток!

Сегодня мы поговорим о том как проверить качество верстки и принять работу выполненную верстальщиком на основе предоставленного дизайна.

Все очень просто. Для этого нам потребуется браузер Google Chrome или Firefox и плагин Pixel Perfect. Процесс установки расширения предельно простой.

Рассмотрим в примере расширение для браузера Google Chrome, воспользуемся официальной ссылкой установить расширение Pixel Perfect. Нажимаем  кнопку «+ Бесплатно», в сплывающем окне «Добавить» и видим, что иконка расширения появилась в правом верхнем углу браузера.

PerfectPixel-gc PerfectPixel-gc2 PerfectPixel-gc3

Заходим на сайт на котором верстальщик выложил заказанную нами верстку. Активируем расширение, нажав пиктограмму. Нажимаем кнопку «Добавить новый слой» и в открывшемся окне выбираем изображение макета интересующей нас страницы.

PerfectPixel-maket01PerfectPixel-maket02PerfectPixel-maket03PerfectPixel-maket04PerfectPixel-maket05

Меняем позицию изображения относительно какого-либо элемента на странице, в данном случае большая синяя картинка с канцелярскими принадлежностями, с помощью стрелочек. И видим в каких местах есть недочеты относительно макета нарисованного дизайнером или исходного изображения. И принимаем решение отдать на доработку или оставить как есть, если все устраивает. Мы затронули только один аспект, все остальное позже… Следите за новостями!

P.S. Для браузера Firefox воспользуемся официальной ссылкой установить расширение Pixel Perfect. Нажимаем кнопку «Добавить в Firefox», после загрузки, нажимаем кнопку «установить сейчас».