Проектирование макета страницы — Pixel Perfect

Проектирование макета страницы — Pixel Perfect

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

Инструмент, который облегчит нашу работу в создании дизайна внешнего вида веб-сайта называется Pixel Perfect.

Pixel Perfect является дополнением к плагину Firebug. С его помощью можно наложить слой содержащий макет страницы на текущую разрабатываемую страницу сайта. Слой есть не что иное, как расположенный поверх файл проекта (. PNG,. JPG,. GIF).

Как его использовать?

После установки расширения, запустите панель Firebug (Tools -> Firebug -> Open), перейдите на вкладку Pixel Perfect. В Firebug на верхней панели отображается кнопка Добавить наложения, что позволяет добавлять файлы макета сайта. При добавлении нескольких файлов, мы создаем список слоев, что в любой момент мы можем включить нужный, установив флажок рядом с миниатюрой слоя.

Наложение слоя, мы можем позиционировать два ползунка (H / V), или путем перетаскивания слоя мыши. Кроме этого, вы можете увеличить или уменьшить его прозрачность.

Дополнительные опции:

On / Off Иконки Pixel Perfect в строке состояния браузера скрывается слой функцию, когда Firebug — «Inspected»

Для использования Pixel Perfect требует Firefox 3.0 или выше и последняя стабильная версия плагина Firebug.


Карта сайта


Информационный сайт Webavtocat.ru