SnapCss
SnapCss - Realtime editing style in a snap!
What is SnapCss?
SnapCss is a Chrome extension developed by Trần Quang Hiệp, and its main feature is "SnapCss - Realtime editing style in a snap!".
Extension Screenshots
Download SnapCss Extension CRX File
Download SnapCss extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
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 Extension Basic Information
| Name |  SnapCss |
| ID | fdehldbleadjkgomndkhnciddeiohjmf |
| Official URL | https://chromewebstore.google.com/detail/snapcss/fdehldbleadjkgomndkhnciddeiohjmf |
| Description | SnapCss - Realtime editing style in a snap! |
| File Size | 185 KB |
| Installation Count | 30 |
| Current Version | 0.0.5 |
| Last Updated | 2020-02-20 |
| Publish Date | 2020-02-20 |
| Developer | Trần Quang Hiệp |
| [email protected] | |
| Payment Type | free |
| Extension Website | https://youtu.be/W-hWhR5GX_c |
| Help Page URL | https://youtu.be/W-hWhR5GX_c |
| Supported Languages | 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'"
} | |
