Plugin Icon

PixelParallel by htmlBurger Chrome 插件, crx 扩展下载

Plugin Screenshot
Plugin Screenshot
Plugin Screenshot
Plugin Screenshot
Plugin Screenshot
                    

PixelParallel by htmlBurger - Pixel perfect HTML vs Design tool for developers

PixelParallel is a completely free, super handy and light HTML vs Design comparison tool for front-end developers that will help you code pixel perfect websites with ease. Built from developers to developers, PixelParallel is a tool working in favor of the ultimate precision in front-end coding. PixelParallel is AD FREE! How it works: 1. Simply upload your image and compare the semi-transparent overlay with the web page below. 2. Customize the opacity, scale and position of the image as you wish. You can also hide it or lock it. 3. Perform color difference for a strong pixel perfect precision. 4. Use the vertical and horizontal grids to achieve a pixel perfect web design. Features: - Bootstrap grid with customizable width, number of columns, gutter and opacity - Horizontal lines with customizable space between - Draggable rulers (Photoshop-like) + Reset option - Inversion (Color difference) - Separate overlays for each web page - Overlay scaling - Customizable overlay opacity - Saving overlays between sessions - All image sizes supported - Draggable overlay - Quick hide / show image - Shortcuts + customizable keyboard hotkeys - Works with local files - Intuitive UI: clean and simple; draggable; minimizable PixelParallel No Parallel in Quality Powered by htmlBurger Learn more: 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 storage.

分类 💻开发者工具
插件标识 iffnoibnepbcloaaagchjonfplimpkob
平台 Chrome
评分
★★★★☆ 4.6
评分人数 366
插件主页 https://chromewebstore.google.com/detail/pixelparallel-by-htmlburg/iffnoibnepbcloaaagchjonfplimpkob
大小 223KiB
官网下载次数 10000
下载地址

CRX扩展文件安装方法

第1步: 打开Chrome浏览器的扩展程序

第2步: 在地址栏输入: chrome://extensions/

第3步: 开启右上角的【开发者模式】

第4步: 重启Chrome浏览器 (重要操作)

第5步: 重新打开扩展程序管理界面

第6步: 将下载的crx文件直接拖入页面完成安装

注意:请确保使用最新版本的Chrome浏览器

同类插件推荐