Where can i find a CSS editor that runs in the browser?

Question

I would like to be able to edit some CSS (Cascading Style Sheets) directly int the browser. Some kind of plugin that I can take and use in my own application.

Either something that colourcodes the CSS as I type Or Something that has some kind of CSS wizard (like the one in Visual Studio) Or Both

Answer 1

I'm not sure exactly what you are looking for, but one such CSS editor that allows you to write and test your own CSS in a browser is http://jsfiddle.net. Simply type your CSS on the top right box, then your html that uses the CSS in the top left box, then press "Run" on top. You will see the results in the bottom right box.

Answer 2

In FireFox, check out firebug. http://getfirebug.com/

In Safari or Chrome, just turn on web dev toolkit, and you can right click > inspect element, and edit away.

Answer 3

http://chrispederick.com/work/web-developer/ , this is add-on for firefox for view /edit CSS

Answer 4

I'm not sure if Bespin (or is it called Skywriter now?) does it, but that's pretty much as in-browser an editor goes.

Answer 5

I've used unify (from unit interactive) a few times with success. The last time I used it, however; it was very basic and didn't allow me to edit the general structure of the page. Just things like color and size of textual elements. It's possible this has been changed in more recent released.