Online CSS editor

Editing CSS files is very complex task, especially when these files get large and complex. Sometimes we would only like to modify a small part of code which comes with free or commercial template. Not every web master is also a CSS expert. So a tool possibly a visual one would be a relive for this kind of task. Although Firebug plug-in for Firefox helps a lot it is not a dedicated tool. One which will do this job for us is Online css editor.

You can download and try for free this CSS editor. The main panel of editor, is divided in three main windows. Url bar, control panel and preview pane. First we enter url of the web page. Editor will find all CSS files that render the page. Once opened, all changes on CSS file done within the control panel, are reflected in preview window. It is possible to see preview of a page in nine integrated browsers. Previewing page in different browsers will help you sort out inter browser compatibility problems for given css file. Once we finish editing css, we can save changes with a help of integrated FTP client to original location on web server.

Online CSS editor has some unique features never seen before. The most useful and outstanding feature is Bullseye. With Bullseye tool turned on you can hover with a mouse over certain element of webpage in preview and the tool will show you only those lines of css file in the control panel that renders specified element. A steak out feature does the reverse. Pointing on line of code in css will highlight a part of page in preview that is affected by the code. Modifying attributes like padding, margin and font size can be done with mouse. Changes reflect immediately in preview pane.

This is a piece of software which will help you a lot. Especially if you are not a CSS guru. It is visual and WYSIWYG tool. So the result of your modification will be seen in the same instant you made them. I would dare to say that this is unique software of its kind and highly recommended from my side. I use it for all my Joomla templates tweaking. You can try demo and decide by yourself.