SnapCss

SnapCss - Realtime editing style in a snap!

¿Qué es SnapCss?

SnapCss es una extensión de Chrome desarrollada por Trần Quang Hiệp, y su función principal es "SnapCss - Realtime editing style in a snap!".

Capturas de Pantalla de la Extensión

screenshot
screenshot

Descargar Archivo CRX de la Extensión SnapCss

Descarga archivos de extensión SnapCss en formato crx, instala manualmente las extensiones de Chrome en el navegador o comparte los archivos crx con amigos para instalar fácilmente las extensiones de Chrome.

Instrucciones de Uso de la Extensión

                        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                    

Información Básica de la Extensión

Nombre SnapCss SnapCss
ID fdehldbleadjkgomndkhnciddeiohjmf
URL Oficial https://chromewebstore.google.com/detail/snapcss/fdehldbleadjkgomndkhnciddeiohjmf
Descripción SnapCss - Realtime editing style in a snap!
Tamaño del Archivo 185 KB
Cantidad de Instalaciones 30
Versión Actual 0.0.5
Última Actualización 2020-02-20
Fecha de Publicación 2020-02-20
Desarrollador Trần Quang Hiệp
Correo electrónico [email protected]
Tipo de Pago free
Sitio Web de la Extensión https://youtu.be/W-hWhR5GX_c
URL de la Página de Ayuda https://youtu.be/W-hWhR5GX_c
Idiomas Soportados 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'"
}