Allows you to overlay a design to improve the precision of frontend development
Extension stats
This extension was removed from Chrome Web Store on
2022-10-26
By: spencerwalden
Users: 221
Rating: 2.50
(4)
Creation date: 2014-10-26
Risk impact: High risk impact
Risk likelihood: High risk likelihood
Manifest version: 2
Permissions:
Size: 24.06K
Other platforms
Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions?
Install
Chrome-Stats extension
to view Chrome-Stats data as you browse the Chrome Web Store.
Extension summary
Overlay a design on a webpage for easily following a wireframe or design when developing.
This extension comes with an easy to use UI thats sits out of the way as a dev-tools panel. It allows a developer or designer to add a transparent image over real HTML in order to assisting in writing html structure and css that is close to designs or wireframes.
Features
- Adjustable opacity.
- Sits out of the way in Dev-tools panel
- Easy to use UI
- Real time opacity and positioning for images
Usage
- Open Dev-tools, a new panel called PixelTool will be created, select this.
- Upload the image you wish to overlay.
User reviews
Agree with other reviews, usefulness is very limited by fitting to the width of the window.
I agree the image should come in at the original size of the image and not be forced to be the full screen width.
not very useful, if you force the image full screen with.
Extension safety
Risk impact
PixelTool requires some sensitive permissions that could impact your browser and data security. Exercise caution before installing.
Risk likelihood
PixelTool may not be trust-worthy. Avoid installing if possible unless you really trust this publisher.
Upgrade to see risk analysis details
Promo images
Similar extensions
Here are some Chrome extensions that are similar to PixelTool:
Wireframer wireframify QuickGrid ChromeOverlay Loremipsumizer Crosspixel Pix to pix (Pixel perfect by Ymatuhin) DevTools Author Emmet Re:view Web Developer Checklist Wordpress Style Editor PixelParallel by htmlBurger CSS Gradient Inspector WireFont CSS Shapes Editor CSS Dig Style Adjuster Accessibility Developer Tools CSS3 Generator Drag Design Emmet LiveStyle Your Graphic Designer 45to75 CSS Color Names
http://www.softberry.de
3.00
211
https://anilk.strikingly.com
4.13
5,000+
@rubencodes
3.50
149
Unknown
4.17
883
choonkeat
2.00
116
Unknown
1.00
39
ymatuhin
3.88
3,000+
Mike King
3.92
7,000+
https://emmet.io
4.35
30,000+
toptal.com
4.20
50,000+
Levi Melamed
3.09
5,000+
htmlBurger
4.73
10,000+
Rafael Caricio
5.00
1,000+
john.curtis
5.00
111
Razvan Caliman
3.82
10,000+
https://cssdig.com
2.86
10,000+
https://thinkinghard.com
1.00
182
Google Accessibility
4.10
57,174+
ahallicks
4.72
10,000+
Josh Cronin
3.35
1,000+
https://emmet.io
4.36
20,000+
obaro-vowa
3.33
10,000+
abbwebdev
4.14
1,000+
pluraldev.com
5.00
535