Help validate design implementation based on design image.

Latest Version

Version

1.0.0

Update

April 11, 2022

Size

20.67KiB

Developer

Ui validate Extension

Ui validate will help you in creating and testing pixel perfect design implementation. At the moment extension is free to use and is in first stage. All that needs to be done is to be on tab where site or application is located, take design image (png or jpg format) and upload it to the extension. After clicking preview image design will be shown over design implementation and you will be able to see if it is accurate or not, and what are deviations. One note as it is first version it only works on screen sizes for which design is made (i.e. if design is made for screen width of 1920px when testing it application needs to be opened in that dimensions, use responsive view if screen size doesn't fit design width), on next versions there will be work in adjusting those things to be more fluid.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Ui validate", "description": "Help validate design implementation based on design image.", "version": "1.0.0", "manifest_version": 3, "icons": { "16": "./images/icon-16x16.png", "32": "./images/icon-32x32.png", "48": "./images/icon-48x48.png", "128": "./images/icon-128x128.png" }, "background": { "service_worker": "./background.js" }, "action": { "default_popup": "./index.html", "default_icons": { "16": "./images/icon-16x16.png", "32": "./images/icon-32x32.png", "48": "./images/icon-48x48.png", "128": "./images/icon-128x128.png" } }, "options_page": "./options.html", "permissions": [ "scripting" ], "host_permissions": [ "" ]}

Download CRX(20.67KiB)