Wat is Spongy?

Spongy is een Chrome-extensie ontwikkeld door IBM Design, en de belangrijkste functie is "A Google Chrome eyedropper for IBM Design Language's colors and grades.".

Extensie Screenshots

Download het CRX-bestand van de extensie Spongy

Download Spongy-extensiebestanden in crx-indeling, installeer Chrome-extensies handmatig in de browser of deel de crx-bestanden met vrienden om Chrome-extensies eenvoudig te installeren.

Instructies voor het Gebruik van de Extensie

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.

Basisinformatie over de Extensie

Naam	Spongy
ID	aegfmkbdeejghbcidnjmljmjegidflfg
Officiële URL	https://chromewebstore.google.com/detail/spongy/aegfmkbdeejghbcidnjmljmjegidflfg
Beschrijving	A Google Chrome eyedropper for IBM Design Language's colors and grades.
Bestandsgrootte	40.15 KB
Aantal Installaties	64
Huidige Versie	1.0.0
Laatst Bijgewerkt	2017-01-24
Publicatiedatum	2017-01-24
Beoordeling	3.67/5 Totaal 3 Beoordelingen
Ontwikkelaar	IBM Design
Betalingswijze	free
Ondersteunde Talen	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\/*" ] }