PixelTool

Extension Delisted

This extension is no longer available in the official store. Delisted on 2025-09-16.

CRX ID
kpgeilokejebggfnjfkpidabbfmpidjf
Status
Minor Policy Violation Removed Long Ago No Privacy Policy
Description from extension meta

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

Image from store
PixelTool
Description from store

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.
- Click Overlay image.
- Adjust the X and Y axis and the opacity in real time.

By Spencer Walden @ www.spencer-walden.com

Latest reviews

Samuel Janda 2016-05-16

Agree with other reviews, usefulness is very limited by fitting to the width of the window.

Aaron Lumsden 2014-11-04

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

Yu kun 2014-11-04

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

Statistics

Installs
241
Market
Chrome Web Store
Category
-
Rating
2.5 (4 votes)
Last update
2014-10-26
Version 1.1
Languages
en