PixelParallel by htmlBurger

PixelParallel by htmlBurger插件简介

PixelParallel by htmlBurger插件描述

PixelParallel is a completely free, super hy  light HTML vs Design comparison tool f frontend developers that will help you code pixel perfect websites with ease. 

Built from developers to developers, PixelParallel is a tool wking in fav of the ultimate precision in frontend coding.

PixelParallel is AD FREE! 

How it wks:
1. Simply upload your image  compare the semitransparent overlay with the web page below. 
2. Customize the opacity, scale  position of the image as you wish. You can also hide it  lock it. 
3. Perfm col difference f a strong pixel perfect precision. 
4. Use the vertical  hizontal grids to achieve a pixel perfect web design.

Features:

 Bootstrap grid with customizable width, number of columns, gutter  opacity
 Hizontal lines with customizable space 
 Draggable rulers (Photoshoplike) + Reset option
 Inversion (Col difference) 
 Separate overlays f each web page
 Overlay scaling
 Customizable overlay opacity
 Saving overlays  sessions
 All image sizes suppted
 Draggable overlay
 Quick hide / show image
 Shtcuts + customizable keyboard hotkeys
 Wks with local files
 Intuitive UI: clean  simple; draggable; minimizable

PixelParallel
No Parallel in Quality 
Powered by htmlBurger

Learn me:
https://htmlburger.com/labs

Follow us at:
https://www.facebook.com/htmlBurgerofficial
https://www.instagram.com/htmlburgerofficial/
https://twitter.com/htmlburger

PixelParallel does not collect any personal data. Uploaded images are saved locally in the browser stage.

                                

PixelParallel by htmlBurger插件离线安装方法

1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入：chrome://extensions/

3.找到自己已经下载好的Chrome离线安装文件xxx.crx，然后将其从资源管理器中拖动到Chrome的扩展管理界面中，这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。

4.下载 PixelParallel by htmlBurgerChrome插件v1.2.0版本到本地。

5.勾选开发者模式，点击加载已解压的扩展程序，将文件夹选择即可安装插件。

注意：最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息，参照这篇文章即可解决