Spongy

A Google Chrome eyedropper for IBM Design Language's colors and grades.

Spongyคืออะไร?

Spongy เป็นส่วนขยายของ Chrome ที่พัฒนาโดย IBM Design และคุณลักษณะหลักของมันคือ "A Google Chrome eyedropper for IBM Design Language's colors and grades."

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

screenshot

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

ดาวน์โหลดไฟล์ส่วนขยาย Spongy ในรูปแบบ crx และติดตั้งส่วนขยาย Chrome ด้วยตนเองในเบราว์เซอร์หรือแชร์ไฟล์ crx กับเพื่อนๆ เพื่อติดตั้งส่วนขยาย Chrome อย่างง่ายดาย

คำแนะนำในการใช้ส่วนขยาย

                        If you're someone who works with the IBM Design Language's colors often, you might have a hex to brand color and grade cheatsheet with you at all times. That way when you're working with a design where all you get is hex values, you can determine which Sass mixin you need to get that same color.

Worry not! This tool will help get your brand specific color information from any website, image, or app in Google Chrome.                    

ข้อมูลพื้นฐานของส่วนขยาย

ชื่อ Spongy Spongy
ID aegfmkbdeejghbcidnjmljmjegidflfg
URL อย่างเป็นทางการ https://chromewebstore.google.com/detail/spongy/aegfmkbdeejghbcidnjmljmjegidflfg
คำอธิบาย A Google Chrome eyedropper for IBM Design Language's colors and grades.
ขนาดไฟล์ 40.15 KB
จำนวนการติดตั้ง 64
เวอร์ชันปัจจุบัน 1.0.0
อัปเดตครั้งล่าสุด 2017-01-24
วันที่เผยแพร่ 2017-01-24
คะแนน 3.67/5 รวมทั้งหมด 3 คะแนน
ผู้พัฒนา IBM Design
ประเภทการชำระเงิน free
ภาษาที่รองรับ en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "Spongy",
    "author": "Diego Hernandez",
    "version": "1.0.0",
    "description": "A Google Chrome eyedropper for IBM Design Language's colors and grades.",
    "browser_action": {
        "default_icon": {
            "16": "imgs\/icon_16.png",
            "24": "imgs\/icon_24.png",
            "32": "imgs\/icon_32.png"
        },
        "default_title": "IBM Design Spongy",
        "default_popup": "html\/popup.html"
    },
    "permissions": [
        "activeTab",
        ""
    ],
    "background": {
        "scripts": [
            "scripts\/background.js"
        ],
        "persistent": false
    },
    "icons": {
        "16": "imgs\/icon_16.png",
        "48": "imgs\/icon_48.png",
        "128": "imgs\/icon_128.png"
    },
    "content_scripts": [
        {
            "matches": [
                "http:\/\/*\/*",
                "https:\/\/*\/*"
            ],
            "js": [
                "scripts\/main.js"
            ],
            "css": [
                "styles\/main.css"
            ]
        }
    ],
    "web_accessible_resources": [
        "fonts\/*"
    ]
}