Colordrop: Interactive Drag & Drop Coloringとは何ですか？

Colordrop: Interactive Drag & Drop ColoringはApoorv Saxenaによって開発されたChromeの拡張機能で、その主な機能は「Color a website by dragging and dropping a color droplet from a palette.」です。

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

Colordrop: Interactive Drag & Drop Coloring拡張機能のCRXファイルをダウンロード

Colordrop: Interactive Drag & Drop Coloring拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

Drag a color from the color palette(Material Design specific) to a website and color designated areas of it (like sections or texts). One can drag a color from the color palette and drop it on any area that lights up with a blue outline, including text elements.

Once the droplet that you are dragging gets dropped on a content area, a fun little Google Material like animation happens and the whole area gets filled with a colored circle.

Inspired from http://tympanus.net/codrops/2015/04/22/interactive-drag-drop-coloring-concept/

拡張機能の基本情報

名前	Colordrop: Interactive Drag & Drop Coloring
ID	gdoiopdelonmejbbcfoiibojafcpihhm
公式URL	https://chromewebstore.google.com/detail/colordrop-interactive-dra/gdoiopdelonmejbbcfoiibojafcpihhm
説明	Color a website by dragging and dropping a color droplet from a palette.
ファイルサイズ	560 KB
インストール数	1,249
現在のバージョン	0.0.1.8
最終更新日	2016-01-08
公開日	2016-01-08
評価	4.56/5 合計 9 レビュー
開発者	Apoorv Saxena
支払い方法	free
対応言語	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Colordrop: Interactive Drag & Drop Coloring", "version": "0.0.1.8", "manifest_version": 2, "description": "Color a website by dragging and dropping a color droplet from a palette.", "icons": { "16": "icons\/icon16.png", "19": "icons\/icon19.png", "48": "icons\/icon48.png", "128": "icons\/icon128.png" }, "default_locale": "en", "browser_action": { "default_icon": "icons\/icon16.png", "default_title": "Colordrop" }, "permissions": [ "storage", "activeTab", "http:\/\/\/", "https:\/\/\/" ], "background": { "scripts": [ "src\/background\/background.min.js" ], "persistent": false }, "web_accessible_resources": [ "images\/*" ] }