Material Design Assistant

HEX value of Material colors and CSS of Material shadows at your fingertips.

Material Design Assistantとは何ですか?

Material Design AssistantはLiu Liuによって開発されたChromeの拡張機能で、その主な機能は「HEX value of Material colors and CSS of Material shadows at your fingertips.」です。

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

screenshot
screenshot
screenshot
screenshot

Material Design Assistant拡張機能のCRXファイルをダウンロード

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

拡張機能の使用方法

                        Perfect for designing in browser. No need to open Google design spec site / PS, AI color palette.

Built with open source code from:
https://github.com/MikeMitterer/dart-wsk-material
https://github.com/google/web-starter-kit/tree/material-sprint

Updates:
- Now you can just click on the color / shadow you want to use, and the HEX / CSS will be copied to your clipboard. (Require Chrome 43)
- Stay tuned for more updates and a packaged chrome app.                    

拡張機能の基本情報

名前 Material Design Assistant Material Design Assistant
ID niibdenamblimiifecjpdamibihicjea
公式URL https://chromewebstore.google.com/detail/material-design-assistant/niibdenamblimiifecjpdamibihicjea
説明 HEX value of Material colors and CSS of Material shadows at your fingertips.
ファイルサイズ 138 KB
インストール数 354
現在のバージョン 1.7
最終更新日 2018-07-15
公開日 2018-07-14
評価 5.00/5 合計 2 レビュー
開発者 Liu Liu
Eメール [email protected]
支払い方法 free
対応言語 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "Material Design Assistant",
    "description": "HEX value of Material colors and CSS of Material shadows at your fingertips.",
    "version": "1.7",
    "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'",
    "icons": {
        "128": "md128.png",
        "64": "md64.png",
        "48": "md48.png",
        "32": "md32.png",
        "24": "md24.png",
        "16": "md16.png"
    },
    "browser_action": {
        "default_popup": "popup.html",
        "default_icon": "md128.png"
    }
}