PerfectPixel, розширення Chrome, дозволяє веб-розробникам тадизайнерам легко накладати напівпрозоре зображення над вершиною розробленого HTML-сайту. Пересуваючи зображення на веб-сторінці, розробники можуть візуально бачити різницю пікселів. Розширення також має опцію непрозорості, яка дозволяє переглядати як накладення, так і розроблений HTML. Під час переміщення зображення навколо координати автоматично оновлюються у спливаючому вікні PerfectPixel, який потім можна скопіювати та використати веб-розробниками.
Після встановлення розширення натисніть кнопку на панелі інструментів, і спливаюче вікно з’явиться на вашій веб-сторінці. Клацніть Додайте новий шар і виберіть файл із вашої локальної системи. Це зображення миттєво буде додано у вигляді шару над веб-сторінкою. Ти можеш Показати сховати зображення, а також вибирайте різні. Перемістіть зображення, щоб перевірити його на різнихпозицій, і координати автоматично оновлюються у спливаючому вікні. Ви можете додати скільки завгодно зображень і вибрати певні, натиснувши їх. Після правильного розміщення зображення ви можете використовувати оновлені координати для розташування зображення через CSS. Розробник згадав про підтримку декількох накладок; проте наше тестування виявило неможливість додавання декількох шарів.
The PerfectPixel Параметри дозволяють увімкнути Режим сумісності зберігання, що є для вирішення проблем із сумісністю із завантаженням зображень. Однак одне обмеження використання режиму сумісності полягає в тому, що розмір файлу обмежується максимум 1,5 Мб. Ви також можете ввімкнути Режим налагодження і Гарячі клавіші.
проте наше тестування показало, що поки можнаДодайте кілька шарів, ви можете переглядати по одному шару одночасно на певній сторінці. Це невдале обмеження, і розробник повинен розглянути можливість його змінити, щоб одразу можна було переглянути кілька шарів. Кнопка "Блокування" зберігає положення доданого вами шару зображення, і навіть якщо ви виходите з розширення (натисніть його кнопку ще раз, щоб панель зникала), вона запам'ятає положення цих зображень під час наступного відкриття.
Розширення PerfectPixel - це досить зручний інструмент для веб-розробників та дизайнерів, і він доступний за посиланням веб-магазину Chrome нижче.
Встановіть PerfectPixel для Google Chrome
Коментарі