Pixel Perfect
Make your CSS looks exactly to your design with a image comparasion
ما هو 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 مع الأصدقاء لتثبيت الامتدادات بسهولة.
تعليمات استخدام التمديد
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 |
عنوان صفحة المساعدة | 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" } } |