SnapCss

SnapCss - Realtime editing style in a snap!

SnapCssคืออะไร?

SnapCss เป็นส่วนขยายของ Chrome ที่พัฒนาโดย Trần Quang Hiệp และคุณลักษณะหลักของมันคือ "SnapCss - Realtime editing style in a snap!"

ภาพหน้าจอของส่วนขยาย

screenshot
screenshot

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย SnapCss

ดาวน์โหลดไฟล์ส่วนขยาย 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
อีเมล [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'"
}