Brosho: A jQuery Plugin For Designing In The Browser
25
Jan
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...
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...
- Tags:
Javascript
- Filed under: Extras, GPL License, MIT License, Tools
- 3 Comments
3 Responses for "Brosho: A jQuery Plugin For Designing In The Browser"
Cool. That should be helpful.
Is it really better than Firebug editor?
Thank you for featuring Brosho!
Links are normally not followed, I only applied a little hack in the Demos so the links are still functional. (I’ll mention that in the next release
).
Also coming with the next release: Autocomplete CSS Properties for even faster editing – http://screenr.com/I51