Write CSS to any web page dynamically

Latest Version

Version
1.0.4
Update
January 9, 2016
Size
582KiB
Developer
Category
Users
164
Rating
4.66667 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Storage
See more

DynamicCSSEditor Extension

A free, easy to use Google Chrome browser extension for writing CSS to any web page and previewing changes.

Version history:
1.0.0 - Initial release
1.0.1 - bug fix for suppressing page css & minor styling issues
1.0.2 - Feature update and critical bug fix
1.0.3 - Line number feature added
1.0.4 - Removed unfinished options feature

Created by:
Jeiel Libert
https://www.linkedin.com/in/jeiellibert

Source available at https://github.com/jlibert/dynamic-css-editor
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "__MSG_extName__", "description": "__MSG_extDescription__", "version": "1.0.4", "author" : "Jeiel Libert ", "default_locale":"en", "browser_action": { "default_icon": "icon16.png",\t"default_title": "__MSG_extTitle__" },\t"icons":{\t\t"16": "icon16.png",\t\t"48": "icon48.png",\t\t"128": "icon128.png"\t}, "background": {\t"page": "background.html" },\t"options_page":"options.html", "commands": { "_execute_browser_action": { "suggested_key": { "default": "Ctrl+Shift+E",\t\t\t\t\t"windows": "Alt+Shift+E",\t\t\t\t\t"mac": "Alt+Shift+E" } } }, "permissions": [ "activeTab",\t\t"storage" ], "web_accessible_resources": [\t\t"js/jquery-1.11.3.min.js", \t\t"css/font-awesome-4.4.0/css/font-awesome.min.css",\t\t"css/font-awesome-4.4.0/fonts/fontawesome-webfont.woff2",\t\t"css/font-awesome-4.4.0/fonts/fontawesome-webfont.woff",\t\t"css/font-awesome-4.4.0/fonts/fontawesome-webfont.ttf",\t\t"css/background.css",\t\t"options.html",\t\t"bg.png"\t]}
Read more

Similar Extensions

icon

Quickfix CSS Editor Extension · Developer Tools 164 8 ★ 354KiB

icon

Live editor for CSS, Less & Sass - Magic CSS Extension · Developer Tools 164 266 ★ 2.15MiB

icon

MageTools: DevTools Reimagined Extension · Developer Tools 164 9 ★ 84.8KiB

icon

EazyCSS Extension · Developer Tools 164 13 ★ 2.98MiB

icon

Restyler Extension · Developer Tools 164 14 ★ 853KiB

icon

LiveScriptConsole Extension · Developer Tools 164 2 ★ 388KiB

icon

Amino: Live CSS Editor Extension · Developer Tools 164 453 ★ 1.45MiB

icon

Live CSS Tester Extension · Developer Tools 164 5 ★ 147KiB

icon

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

icon

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

icon

Redesign Extension · Developer Tools 164 2 ★ 121KiB

icon

CSS Brio Extension · Developer Tools 164 5 ★ 86.26KiB

icon

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

icon

Dev Helpers Extension · Developer Tools 164 6 ★ 135KiB

icon

Style Adjuster Extension · Developer Tools 164 1 ★ 265KiB

icon

HTML5 Debugger Extension · Developer Tools 164 1 ★ 9.01KiB

icon

Dev Playground Extension · Developer Tools 164 2 ★ 288KiB

icon

UI Design Extension · Developer Tools 164 3 ★ 26.09KiB

icon

Javascript & Css auto injection Extension · Developer Tools 164 14 ★ 899KiB

icon

InTab Extension · Developer Tools 164 12 ★ 11.18MiB

icon

Code Cola Extension · Developer Tools 164 188 ★ 189KiB

icon

Live CSS Editor Extension · Developer Tools 164 182 ★ 24.38KiB

icon

Jinno: code any React component with AI Extension · Developer Tools 164 38 ★ 18.37MiB

icon

EnjoyCSS Extension · Developer Tools 164 24 ★ 13.37KiB

User reviews

icon

George Weilenmann (ID: 000000aa4bbc0e30) Voted 4 ★ - Updated 12/24/2020 Simple and works despite not being maintained for 5 years, lacks site specific options but if you don't mind keeping your own library of sites it's a good solution.

icon

Jwyanze Libert (ID: 000000284166c9e9) Voted 5 ★ - Updated 10/02/2015 Makes Working with CSS a breeze