PixelTool

Allows you to overlay a design to improve the precision of frontend development

Download

Stats

This extension was removed from Chrome Web Store on 2022-10-26

By: spencerwalden

Users: 221

Rating: 2.50 (4)

Version: 1.1 (Last updated: 2014-10-26)

Creation date: 2014-10-26

Risk impact: High risk impact

Risk likelihood: High risk likelihood

Manifest version: 2

Permissions:

tabs
http://*/*
https://*/*

Size: 24.06K

Stats date:

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.

Summary

Analyze keywords

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.

Samuel Janda, 2016-05-16

I agree the image should come in at the original size of the image and not be forced to be the full screen width.

Aaron Lumsden, 2014-11-04

not very useful, if you force the image full screen with.

Yu kun, 2014-11-04

View all user reviews

Safety

Risk impact

PixelTool is risky to use as it requires a number of sensitive permissions that can potentially harm your browser and steal your data. Exercise caution when installing this extension. Review carefully before installing. We recommend that you only install PixelTool if you trust the publisher.