UI Design

UI Design gives you the ability to edit a web page's CSS. Test out new designs, styles and images without coding

什麼是UI Design?

UI Design是由danielvwilkinson開發的Chrome擴展程式,該擴展的主要功能是“UI Design gives you the ability to edit a web page's CSS. Test out new designs, styles and images without coding”。

擴展截圖

screenshot
screenshot
screenshot

下載UI Design擴展crx文件

下載UI Design擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。

擴展使用說明

                        Live edit a web page's CSS and styling without touching a line of code.

Quickly try out new images using the Unsplash API, test colors, gradients and fonts or use it as a learning tool to figure out how things like padding and margin affects the layout of your page.

As a developer you can quickly test changes without going into the console or uploading a new stylesheet.

Designers you can do what you do best and try out new design ideas without having to learn CSS.                    

擴展基本資訊

名稱 UI Design UI Design
ID foelobhaomlkojekpgenegcfedbgemej
官方網址 https://chromewebstore.google.com/detail/ui-design/foelobhaomlkojekpgenegcfedbgemej
簡介 UI Design gives you the ability to edit a web page's CSS. Test out new designs, styles and images without coding
檔案大小 26.09 KB
安裝次數 1,243
目前版本 1
更新時間 2020-02-20
上架時間 2020-02-19
評分 5.00/5 共 3 次評分
開發者 danielvwilkinson
電子郵箱 [email protected]
付費類型 free
支援的語言 en-GB
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "UI Design",
    "short_name": "UI Design",
    "version": "1",
    "manifest_version": 2,
    "description": "UI Design gives you the ability to edit a web page's CSS. Test out new designs, styles and images without coding",
    "content_security_policy": "default-src 'self'",
    "background": {
        "scripts": [
            "background.js"
        ]
    },
    "icons": {
        "16": "ui16.png",
        "48": "ui48.png",
        "128": "ui128.png"
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "css": [
                "\/style.css"
            ]
        }
    ],
    "browser_action": [],
    "permissions": [
        "activeTab"
    ]
}