¿Qué es Spongy?

Spongy es una extensión de Chrome desarrollada por IBM Design, y su función principal es "A Google Chrome eyedropper for IBM Design Language's colors and grades.".

Capturas de Pantalla de la Extensión

Descargar Archivo CRX de la Extensión Spongy

Descarga archivos de extensión Spongy en formato crx, instala manualmente las extensiones de Chrome en el navegador o comparte los archivos crx con amigos para instalar fácilmente las extensiones de Chrome.

Instrucciones de Uso de la Extensión

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.

Información Básica de la Extensión

Nombre	Spongy
ID	aegfmkbdeejghbcidnjmljmjegidflfg
URL Oficial	https://chromewebstore.google.com/detail/spongy/aegfmkbdeejghbcidnjmljmjegidflfg
Descripción	A Google Chrome eyedropper for IBM Design Language's colors and grades.
Tamaño del Archivo	40.15 KB
Cantidad de Instalaciones	64
Versión Actual	1.0.0
Última Actualización	2017-01-24
Fecha de Publicación	2017-01-24
Calificación	3.67/5 Total de 3 Calificaciones
Desarrollador	IBM Design
Tipo de Pago	free
Idiomas Soportados	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\/*" ] }