Qu'est-ce que Spongy ?

Spongy est une extension Chrome développée par IBM Design, et sa fonction principale est "A Google Chrome eyedropper for IBM Design Language's colors and grades.".

Captures d'Écran de l'Extension

Télécharger le fichier CRX de l'extension Spongy

Téléchargez les fichiers d'extension Spongy au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'Extension

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.

Informations de Base sur l'Extension

Nom	Spongy
ID	aegfmkbdeejghbcidnjmljmjegidflfg
URL Officiel	https://chromewebstore.google.com/detail/spongy/aegfmkbdeejghbcidnjmljmjegidflfg
Description	A Google Chrome eyedropper for IBM Design Language's colors and grades.
Taille du Fichier	40.15 KB
Nombre d'Installations	64
Version Actuelle	1.0.0
Dernière Mise à Jour	2017-01-24
Date de Publication	2017-01-24
Évaluation	3.67/5 Total 3 Évaluations
Développeur	IBM Design
Type de Paiement	free
Langues Prises en Charge	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\/*" ] }