Comments 16
Очень порадовала музычка! 8-bit OldScool
Я извиняюсь за возможно глупый вопрос, но какие варианты использования?
Используем так: дизайнер рисует макет, например в psd, который нужно сверстать. Мы сохраняем данный макет в какой-нибудь формат попроще (например jpg или png) кладем рядом там где верстаем, подключаем jquery и наш плагин, и прописываем нужные параметры. После этого мы можем как бы наложить эту полупрозрачную картинку на нашу верстку, сравнить что куда и насколько уехало, если нужно подправить это прямо в developer tools (в случае с chrome) или в аналоге (для других браузеров) и сохранить изменения уже на самом верстаемом сайте. Так мы максимально упрощаем себе жизнь при требовании верстать «пиксель в пиксель» с макетом.
Спасибо! Думаю такое точно сможет пригодиться.
Было бы не плохо менять значения параметров с помощью скрола.
Было бы не плохо менять значения параметров с помощью скрола.
PerfectPixel — расширение для Chrome. Не нужно добавлять скрипт на страницу.
Один вопрос: если у меня флеш на странице, я смогу по нему кликнуть при включенном оверлей слое? Нужен плагин для рисования, использую пиксельпёрфект, но скрывать-показывать слой надоело…
Не совсем понял, что имеется ввиду. Нужно кликать по флэшу, но чтобы оверлэй показывался сверху флэша? Такого, насколько мне известно, не бывает.
А вообще есть у флэша интересный параметр, задающий его поведение в данном случае, называется wmode. Тут описан подробно.
А вообще есть у флэша интересный параметр, задающий его поведение в данном случае, называется wmode. Тут описан подробно.
https://developer.mozilla.org/en-US/docs/CSS/pointer-events — сему уже несколько лет… Сделайте чекбокс в своей менюшке на сей параметр + чекбок на фикированное позиционирование, аль только фиксированное позиционирование и все будет работать нормально.
Действительно отличная вещь, обязательно добавлю. Кнопка, меняющая позиционирование на фиксированное и обратно на абсолютное — присутствует в панели и называется «fixed». Я об этом писал в посте. Так же можно изначально указать позиционирование, передав в объект свойство «fixed» с значением true или false.
Писал в комментариях к X-Precise, что такие вещи лучше подключать в виде букмарка — это не сложно, универсально и не подразумевает включения в проект постороннего кода, который можно потом и забыть удалить. Я для себя сделал X-Precise для подключения через букмаркинг и у него есть удобный переключатель — накладывать картинку поверх вёрстки или под неё. Иначе возникают трудности с инспектированием элементов через firebug с картинкой поверх всей вёрстки.
Sign up to leave a comment.
Еще один jQuery плагин для верстки «пиксель в пиксель»