PixelParallel by htmlBurger

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

PixelParallel by htmlBurgerคืออะไร?

PixelParallel by htmlBurger เป็นส่วนขยายของ Chrome ที่พัฒนาโดย htmlBurger และคุณลักษณะหลักของมันคือ "PixelParallel by htmlBurger - Pixel perfect HTML vs Design tool for developers"

ภาพหน้าจอของส่วนขยาย

screenshot
screenshot
screenshot
screenshot

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย PixelParallel by htmlBurger

ดาวน์โหลดไฟล์ส่วนขยาย 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 PixelParallel by htmlBurger
ID iffnoibnepbcloaaagchjonfplimpkob
URL อย่างเป็นทางการ 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:\/\/*\/*"
    ]
}