Spongy

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

Spongyとは何ですか?

SpongyはIBM Designによって開発されたChromeの拡張機能で、その主な機能は「A Google Chrome eyedropper for IBM Design Language's colors and grades.」です。

拡張機能のスクリーンショット

screenshot

Spongy拡張機能のCRXファイルをダウンロード

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\/*"
    ]
}