Что такое Pixel Perfect?

Pixel Perfect - это расширение Chrome, разработанное hugowebfr, и его основная функция - "Make your CSS looks exactly to your design with a image comparasion".

Снимки экрана расширения

Скачать файл CRX расширения Pixel Perfect

Скачайте файлы расширений Pixel Perfect в формате crx, установите расширения Chrome вручную в браузере или поделитесь файлами crx с друзьями, чтобы легко установить расширения Chrome.

Инструкции по использованию расширения

Pixel Perfect allow you to compare in real time your design in JPG / PNG with your current integration to fix your CSS.
The must have extensions for web integration and front-end developper
Pixel perfect is an extension for Chrome (maybe firefox in the future)
This extension open a window with a dropzone, then you drag and drop your design and go for Preview
It will open a slider on the current tab to compare the design or mockup to the actual integration

Основная информация о расширении

Название	Pixel Perfect
ID	llpcibpmbpghnfdfggnnpdfapijaakln
Официальный URL	https://chromewebstore.google.com/detail/pixel-perfect/llpcibpmbpghnfdfggnnpdfapijaakln
Описание	Make your CSS looks exactly to your design with a image comparasion
Размер файла	27.69 KB
Количество установок	100
Текущая Версия	1.5
Последнее Обновление	2022-06-03
Дата публикации	2021-07-22
Рейтинг	1.00/5 Всего 1 оценок
Разработчик	hugowebfr
Электронная почта	[email protected]
Тип оплаты	free
URL страницы помощи	https://hugo-web.fr
Поддерживаемые языки	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Pixel Perfect", "description": "Make your CSS looks exactly to your design with a image comparasion", "version": "1.5", "manifest_version": 2, "permissions": [ "storage" ], "browser_action": { "default_popup": "popup.html", "default_icon": { "16": "\/images\/logo16.png", "32": "\/images\/logo32.png", "48": "\/images\/logo48.png", "128": "\/images\/logo128.png" } }, "web_accessible_resources": [ "popup.html" ], "icons": { "16": "\/images\/logo16.png", "32": "\/images\/logo32.png", "48": "\/images\/logo48.png", "128": "\/images\/logo128.png" } }