PixelParallel by htmlBurger
PixelParallel by htmlBurger - Pixel perfect HTML vs Design tool for developers
什麼是PixelParallel by htmlBurger？
PixelParallel by htmlBurger是由htmlBurger開發的Chrome擴展程式，該擴展的主要功能是“PixelParallel by htmlBurger - Pixel perfect HTML vs Design tool for developers”。
擴展截圖
下載PixelParallel by htmlBurger擴展crx文件
下載PixelParallel by htmlBurger擴展crx格式的文件，手動將Chrome擴充功能安裝到瀏覽器中，也可以將crx文件分享給朋友，輕鬆安裝Chrome擴充功能。
擴展使用說明
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. 擴展基本資訊
| 名稱 |  PixelParallel by htmlBurger |
| ID | iffnoibnepbcloaaagchjonfplimpkob |
| 官方網址 | https://chromewebstore.google.com/detail/pixelparallel-by-htmlburg/iffnoibnepbcloaaagchjonfplimpkob |
| 簡介 | PixelParallel by htmlBurger - Pixel perfect HTML vs Design tool for developers |
| 檔案大小 | 223 KB |
| 安裝次數 | 10,000 |
| 目前版本 | 1.2.0 |
| 更新時間 | 2022-12-01 |
| 上架時間 | 2020-06-27 |
| 評分 | 4.79/5 共 62 次評分 |
| 開發者 | htmlBurger |
| 電子郵箱 | [email protected] |
| 付費類型 | free |
| 擴展官網 | https://htmlburger.com/labs |
| 說明頁面URL | https://github.com/htmlburger/pixelparallel |
| 隱私政策頁面URL | http://2c-studio.com/privacy-2create-vault |
| 支援的語言 | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"manifest_version": 3,
"name": "PixelParallel by htmlBurger",
"version": "1.2.0",
"description": "PixelParallel by htmlBurger - Pixel perfect HTML vs Design tool for developers",
"icons": {
"16": "logo-16.png",
"48": "logo-48.png",
"128": "logo-128.png"
},
"action": {
"default_icon": "logo-128.png",
"default_popup": "popup.html"
},
"background": {
"service_worker": "background.js"
},
"options_page": "options.html",
"options_ui": {
"page": "options.html"
},
"content_scripts": [
{
"matches": [
"http:\/\/*\/*",
"https:\/\/*\/*"
],
"match_origin_as_fallback": true,
"js": [
"PixelParallel.js"
]
}
],
"permissions": [
"storage",
"tabs"
],
"host_permissions": [
"http:\/\/*\/*",
"https:\/\/*\/*"
]
} | |
