/pix-to-pix

Pixel perfect

Primary LanguageCoffeeScript

Pix2pix

Плагин для реализации pixelperfect верстки. Чтобы начать пользоваться плагином добавьте его к себе на страницу.

<script src="pix2pix.js" type="text/javascript"></script>

После загрузки страницы вам нужно будет выбрать изображение с которым вы будете сравнивать текущую страницу.

Путь к изображению, его координаты и прозрачность хранятся по возможности в локальном хранилище или в cookie, поэтому при обновлении страницы плагин возобновит свою работу на том же месте.

Горячие клавиши:

[ F1 ] — показать справку

[ ` ] — показать/скрыть изображение

[ shift + ` ] — закрепить/открепить позицию и прозрачность

[ стрелки ] — смещение изображение на 1px

[ shift + стрелки ] — смещение изображение на 10px

[ + ][ - ] — изменение прозрачности изображения на 0.1

[ ctrl + i ] — заменить изображение

[ * ] — показать/скрыть границы элементов

[ ctrl + * ] — изменить цвет границы элементов

[ alt + r ] — сброс настроек плагина