CSS Brush - Live CSS editor Chrome Extension

live css editor. apply css styles live on a webpage..

CSS Brush - live css editor make your chrome browser a CSS parlor to style up your website.

A powerful tool to style up your website live.

Writing a CSS file is always a tedious job for few reasons.

We came up with fairly awesome solutions for all the development challenges involving css.

[Note: Please see at the end, in which conditions css brush will not work] Features of CSSBrush: ===================== #1 live css editor { Your webpage is a canvas.

Everything you do with CSS Brush is applied instantly onto your page.

So its not web designing but a web painting experience. }

#2 text editor like interface { Though the tool doesnt provide a complete text editor kind of interface.

It offers far more, to CSS properties, than just text typing. }

#3 context sensitive menu { You get to know the matching properties as you type.

So you neednt have to type all the character but just few like b, o and enter are enough to type in "border".

Or may be few up and down arrow strokes can get you at the required property. }

#4 Switch On/Off property { You neednt have to erase complete css property of the element, rather you could just switch it Off.

So you can check the element style when the property is OFF or ON } #5 duplicate properties { You can provide multiple instances of same property.

Like, provide "color:red; color:green; color:blue;" for an element.

Only last duplicate entry will be switched ON by default.

But this feature is handy to you to have, or to give your manager, a choice to decide which one best suits for the page. }

#6 sorted properties { As you type-in a property, it will be placed at the sorted location.

This feature overcomes the hassles that the developers face due to duplicate properties. }

#7 Use Up/Down arrow keys to increase/decrease numbers { Its often required to see the style by frequently changing numbers in properties like width, margin, padding, etc.

Use Up and Down keys to change numbers on the fly. }

#8 element selectors with css path { You neednt have to type the complete css path for the selector like "body table.x tr td div.a div ul li span.x".

Just select from the page with mouse and get the complete CSS path. }

#9 selector filters { If you feel that the css path obtained by the selector is clumsy, you may filter it by few clicks.

Like you can make the css path mentioned i