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 مع الأصدقاء لتثبيت الامتدادات بسهولة.

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

                        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
عنوان صفحة المساعدة 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'"
}