PixelTool Chrome Extension

Allows you to overlay a design to improve the precision of frontend development.
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

How to install PixelTool chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the PixelTool Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension PixelTool Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the PixelTool in Chrome Webstore Search and click on the search button.
• Step 3: click on the PixelTool Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the PixelTool extension for your Chrome Web browser .