Material Design Assistant

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

ما هو Material Design Assistant؟

Material Design Assistant هو إضافة Chrome تم تطويرها بواسطة Liu Liu، والميزة الرئيسية لها هي "HEX value of Material colors and CSS of Material shadows at your fingertips.".

لقطات شاشة التمديد

screenshot
screenshot
screenshot
screenshot

تحميل ملف CRX للإضافة Material Design Assistant

قم بتنزيل ملفات الامتداد Material Design Assistant بتنسيق crx ، وقم بتثبيت الامتدادات يدويًا في متصفح Chrome ، أو شارك ملفات crx مع الأصدقاء لتثبيت الامتدادات بسهولة.

تعليمات استخدام التمديد

                        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
البريد الإلكتروني [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"
    }
}