SnapCss

SnapCss - Realtime editing style in a snap!

SnapCssとは何ですか?

SnapCssはTrần Quang Hiệpによって開発されたChromeの拡張機能で、その主な機能は「SnapCss - Realtime editing style in a snap!」です。

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

screenshot
screenshot

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

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

拡張機能の使用方法

                        Realtime editing style in a snap!
Imagine no more file saving or page reloading just to see how single update affects web page, realtime update style in browser immediately, as you type... How many time you can save? how fast we can build our application?
No need to waiting for JS framework build time to see your new style apply. Just type your new style and see the magic happen. 
Base on this idea [Livestyle](http://livestyle.io/). I'm writing an extension for VS code and Chrome that can help Frontend Developer can style faster. It call *SnapCss* that can updates in realtime CSS from VSCode to browser immediately, as you type. No more file saving or page reloading just to see how single update affects web page.

Homepage: https://github.com/xanhtool/SnapCss
------------------------------------------------------------------------------------------

contact me on email: [email protected]
my facebook: https://www.facebook.com/hiepsieuviet
skype: live:hiepxanh                    

拡張機能の基本情報

名前 SnapCss SnapCss
ID fdehldbleadjkgomndkhnciddeiohjmf
公式URL https://chromewebstore.google.com/detail/snapcss/fdehldbleadjkgomndkhnciddeiohjmf
説明 SnapCss - Realtime editing style in a snap!
ファイルサイズ 185 KB
インストール数 30
現在のバージョン 0.0.5
最終更新日 2020-02-20
公開日 2020-02-20
開発者 Trần Quang Hiệp
Eメール [email protected]
支払い方法 free
拡張機能のウェブサイト https://youtu.be/W-hWhR5GX_c
ヘルプページのURL https://youtu.be/W-hWhR5GX_c
対応言語 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "SnapCss",
    "short_name": "SnapCss",
    "version": "0.0.5",
    "description": "SnapCss - Realtime editing style in a snap!",
    "permissions": [
        "activeTab",
        "declarativeContent",
        "storage"
    ],
    "background": {
        "scripts": [
            "background-scripts\/background.js"
        ],
        "persistent": false
    },
    "options_page": "page-action-scripts\/options.html",
    "page_action": {
        "default_popup": "page-action-scripts\/popup.html",
        "default_icon": {
            "16": "logo-only\/[email protected]",
            "32": "logo-only\/[email protected]",
            "48": "logo-only\/[email protected]",
            "128": "logo-only\/[email protected]"
        }
    },
    "content_scripts": [
        {
            "run_at": "document_idle",
            "matches": [
                "http:\/\/*.localhost\/*"
            ],
            "css": [
                "myStyles.css"
            ],
            "js": [
                "content-scripts\/libs\/socket.io.js",
                "content-scripts\/socket-controller\/socket-controller.js",
                "content-scripts\/file-modifer\/file-modifer.js",
                "content-scripts\/content-messenger\/content-messenger.js"
            ]
        }
    ],
    "icons": {
        "16": "logo-only\/[email protected]",
        "32": "logo-only\/[email protected]",
        "48": "logo-only\/[email protected]",
        "128": "logo-only\/[email protected]"
    },
    "manifest_version": 2,
    "content_security_policy": "script-src 'self' https:\/\/ssl.google-analytics.com; object-src 'self'"
}