Content feed Comments Feed

Brosho: A jQuery Plugin For Designing In The Browser

Posted by oldx3 Tuesday, January 26, 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).




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. There are code examples for this in the comments of the resource.

Requirements: jQuery
Compatibility: All Major Browsers
Website: http://usejquery.com/posts/8/brosho-design-in-the-br...
Demo: http://demos.usejquery.com/brosho-plugin/index.html
Download: http://github.com/mustardamus/brosho-plugin/tree/mas...

Share

Related Posts with Thumbnails

0 Responses to Brosho: A jQuery Plugin For Designing In The Browser

Post a Comment

feedburner

Enter your email address:

Delivered by FeedBurner