Live CSS Editor
20,000+ users
Version: 1.8.0
Updated: December 2, 2014
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
FESTO DNC-63-1000-PPV-A
Shot Celt Druid Dart Flights - Shape
Deadpool Action Figure Marvel Deadpool & Wolverine ZD Toys Marvel Joint Movable Action Figures Model
Dmhtoy Zd Toy Deadpool 3 Deadpool & Wolverine 1/10 Action Figure
Blue 1.0 Tb Hard Drive Wd10jpvx
Wiregard Color-Coded Screw-On Wire Connectors, Red - 6 count
This extension provides a text box on any HTML page so that you can write CSS freely and immediately see the results. I use it every day for quick edits, product demos and other testing out new ideas.
The extension options allow you to set a default key command to open and close the editor; turn off the warning that is shown when you close the editor; and enable or disable the automatic saving of your changes when you close the editor.
Version 1.8.0 includes the following changes:
- The ability to set a default editor size
- Warnings and error messages when trying to use the editor in places that it won't work
- Improved the CSS to make sure it isn't impacted by other page CSS
- Use the Chrome Keyboard Shortcuts instead of a custom shortcut (BREAKING CHANGE)
- Code cleanup
Version 1.7.3 is mostly a version bump for manifest 2 support. It just brings it up to support the latest versions of Chrome.
Version 1.7 includes:
- Ability to move the window left / right as well as top / bottom.
- Support for RTL pages (forces LTR on the editor)
- Support for tab spacing in the editor
- other minor bug fixes
Version 1.6 includes the following:
- You can now save styles that you create for the pages you visit. When you come back to the page, the new styles will be applied instantly.
- The editor remembers the size of the editing box on a per url basis. If you've resized it, it will be the same size the next time you open it on that url.
- Customizations are now saved per URL instead of per domain
Version 1.5 includes the following updates:
- Support for tabs in the text area
- Support for https URLs
- You can disable the warning message
- It can remember your CSS changes, even after a refresh of the page
- A keyboard command (ctrl+shift+E) can open and close the editor
- You can configure the keyboard command in the options
- The chrome icon is colorized instead of black
- Faster, smoother operation and cleaner code
- International Language Support
Please update and try it out. You can follow @livecsseditor on twitter for updates and feedback. Thanks :)
Jeremy Hubert
http://twitter.com/livecssedit or
http://twitter.com/jhubert
The extension options allow you to set a default key command to open and close the editor; turn off the warning that is shown when you close the editor; and enable or disable the automatic saving of your changes when you close the editor.
Version 1.8.0 includes the following changes:
- The ability to set a default editor size
- Warnings and error messages when trying to use the editor in places that it won't work
- Improved the CSS to make sure it isn't impacted by other page CSS
- Use the Chrome Keyboard Shortcuts instead of a custom shortcut (BREAKING CHANGE)
- Code cleanup
Version 1.7.3 is mostly a version bump for manifest 2 support. It just brings it up to support the latest versions of Chrome.
Version 1.7 includes:
- Ability to move the window left / right as well as top / bottom.
- Support for RTL pages (forces LTR on the editor)
- Support for tab spacing in the editor
- other minor bug fixes
Version 1.6 includes the following:
- You can now save styles that you create for the pages you visit. When you come back to the page, the new styles will be applied instantly.
- The editor remembers the size of the editing box on a per url basis. If you've resized it, it will be the same size the next time you open it on that url.
- Customizations are now saved per URL instead of per domain
Version 1.5 includes the following updates:
- Support for tabs in the text area
- Support for https URLs
- You can disable the warning message
- It can remember your CSS changes, even after a refresh of the page
- A keyboard command (ctrl+shift+E) can open and close the editor
- You can configure the keyboard command in the options
- The chrome icon is colorized instead of black
- Faster, smoother operation and cleaner code
- International Language Support
Please update and try it out. You can follow @livecsseditor on twitter for updates and feedback. Thanks :)
Jeremy Hubert
http://twitter.com/livecssedit or
http://twitter.com/jhubert
Related
Live editor for CSS, Less & Sass - Magic CSS
70,000+
EnjoyCSS
2,000+
Drag Design
1,000+
CSS3 Generator
10,000+
Save CSS
1,000+
Code Cola
20,000+
Amino: Live CSS Editor
20,000+
Emmet LiveStyle
10,000+
jQuery Debugger
20,000+
CSS Shapes Editor
10,000+
My Style
2,000+
JScript tricks
2,000+
Code Plunker (Live HTML CSS Editor)
1,000+
CSSViewer
200,000+
Wordpress Style Editor
4,000+
Styler
8,000+
Bootstrap Twitter Offline Docs
4,000+
Live Custom CSS,JS injector on pages
5,000+
CSS remove and combine
5,000+
User JavaScript and CSS
100,000+
Web Developer
1,000,000+
Web Developer Checklist
40,000+
Quick source viewer
20,000+
Stylebot
200,000+