SnapCss - Realtime editing style in a snap!

Latest Version

Version
0.0.5
Update
February 20, 2020
Size
185KiB
Developer
Category
Users
25
Rating
0 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
DeclarativeContent
Storage
See more

SnapCss Extension

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
Read more

Source 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'" }
Read more

Similar Extensions

icon

Emmet LiveStyle Extension · Developer Tools 25 351 ★ 356KiB

icon

Where is it? Extension · Developer Tools 25 3 ★ 653KiB

icon

Pages2Repo Extension · Productivity 25 3 ★ 213KiB

icon

SnipCSS Extension · Developer Tools 25 32 ★ 13.12MiB

icon

Professional Codes Reader Extension · Fun 25 2 ★ 169KiB

icon

EazyCSS Extension · Developer Tools 25 13 ★ 2.98MiB

icon

RenderGPT Extension · Developer Tools 25 1 ★ 1.31MiB

icon

Devbox Extension · Developer Tools 25 2 ★ 2.16MiB

icon

MeIP Extension · Developer Tools 25 0 ★ 162KiB

icon

iFrame'd it! Extension · Developer Tools 25 1 ★ 268KiB

icon

Web developer common tools Extension · Developer Tools 25 0 ★ 3.01MiB

icon

console.sparkline Extension · Developer Tools 25 1 ★ 4.7KiB

icon

CodePen OmniSearch Extension · Productivity 25 4 ★ 11.51KiB

icon

Prototype - Inject new code in your websites Extension · Developer Tools 25 1 ★ 144KiB

icon

VS code Text Completer Extension · Productivity 25 1 ★ 77.53KiB

icon

Github Gist logo fixer Extension · Developer Tools 25 1 ★ 4.12KiB

icon

Codebox Button for GitHub Extension · Developer Tools 25 2 ★ 11.74KiB

icon

DevTools Classes & Atributes panel Extension · Developer Tools 25 4 ★ 12.75KiB

icon

Developer URL bar Extension · Developer Tools 25 2 ★ 41.03KiB

icon

Kode Injector Extension · Developer Tools 25 0 ★ 3.96MiB

icon

Git Mining Extension · Productivity 25 4 ★ 211KiB

icon

DOM-JSON Tree Matcher Extension · Developer Tools 25 0 ★ 18.58KiB

icon

DOM to JSON Selector Extension · Developer Tools 25 0 ★ 48.55KiB

icon

github-code-viewer Extension · Productivity 25 2 ★ 19.39KiB