Apa itu Pixel Perfect?

Pixel Perfect adalah ekstensi Chrome yang dikembangkan oleh hugowebfr, dan fitur utamanya adalah "Make your CSS looks exactly to your design with a image comparasion".

Screenshot Ekstensi

Unduh Berkas CRX Ekstensi Pixel Perfect

Unduh file ekstensi Pixel Perfect dalam format crx, pasang ekstensi Chrome secara manual di peramban, atau bagikan file crx dengan teman untuk menginstal ekstensi Chrome dengan mudah.

Petunjuk Penggunaan Ekstensi

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

Informasi Dasar Ekstensi

Nama	Pixel Perfect
ID	llpcibpmbpghnfdfggnnpdfapijaakln
URL Resmi	https://chromewebstore.google.com/detail/pixel-perfect/llpcibpmbpghnfdfggnnpdfapijaakln
Deskripsi	Make your CSS looks exactly to your design with a image comparasion
Ukuran File	27.69 KB
Jumlah Instalasi	100
Versi Saat Ini	1.5
Terakhir Diperbarui	2022-06-03
Tanggal Publikasi	2021-07-22
Penilaian	1.00/5 Total 1 Penilaian
Pengembang	hugowebfr
Email	[email protected]
Tipe Pembayaran	free
URL Halaman Bantuan	https://hugo-web.fr
Bahasa yang Didukung	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" } }