Cos'è Spongy?

Spongy è un'estensione di Chrome sviluppata da IBM Design, e la sua funzione principale è "A Google Chrome eyedropper for IBM Design Language's colors and grades.".

Screenshot dell'Estensione

Scarica il file CRX dell'estensione Spongy

Scarica i file di estensione Spongy in formato crx, installa manualmente le estensioni di Chrome nel browser o condividi i file crx con gli amici per installare facilmente le estensioni di Chrome.

Istruzioni per l'Uso dell'Estensione

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.

Informazioni di Base sull'Estensione

Nome	Spongy
ID	aegfmkbdeejghbcidnjmljmjegidflfg
URL Ufficiale	https://chromewebstore.google.com/detail/spongy/aegfmkbdeejghbcidnjmljmjegidflfg
Descrizione	A Google Chrome eyedropper for IBM Design Language's colors and grades.
Dimensione del File	40.15 KB
Conteggio Installazioni	64
Versione Corrente	1.0.0
Ultimo Aggiornamento	2017-01-24
Data di Pubblicazione	2017-01-24
Valutazione	3.67/5 Totale 3 Valutazioni
Sviluppatore	IBM Design
Tipo di Pagamento	free
Lingue Supportate	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\/*" ] }