Brosho: A jQuery Plugin For Designing In The Browser

Posted on January 25, 2010

Brosho is a jQuery plugin which helps you to minimize the editor-browser switching while creating/editing websites.

It enables you to select elements in a webpage, edit the CSS properties with an in-browser editor & see the outputs instantly (similar to editing with Firebug).

brosho-jquery-plugin

Once you are satisfied with the changes implemented, copy-pasting the new code to the CSS file is enough.

The editor has few functions that makes the usage easy like:

  • setting the position (top-bottom-left-right)
  • enable/disable element highlighting
  • one-click CSS code generation

It may be a good idea to disable links while using Brosho as a selected element can forward you to a new page & selections can become useless.

This would be especially useful for editing in Internet Explorer as the current editor is relativly useless.

Click for a DEMO

Tags: , ,

Leave a Reply

Ad Ad Ad Ad

My Twitterings

Posting tweet...