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
公式URL 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
Eメール [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"
    ]
}