About Site Map Submit Contact Us Log in | Create an account
Create an account Log In
Average Rating
User Rating:
Visitors Rating:
My rating:

Write review
  • License: Freeware
  • Last update: 6 years ago
  • Total downloads: 94
  • Price: Free |
  • Operating system: Linux, Mac OS X, Win All, BSD, Solaris
  • Publisher: Sebastian Senf (1 other programs)
See full specifications

scripts default iconBrosho Plugin (Scripts) Publisher's description

With this Plugin you can style your markup right in your browser with a build-in element selector and CSS editor.

With this Plugin you can style your markup right in your browser with a build-in element selector and CSS editor. Generate the CSS code of altered elements with one click and use it in your own stylesheet.

Design in the Browser

I was inspired by the article Make Your Mockup in Markup by Meagan Fisher. I am one of those persons who can't stand Photoshop and design every bit of a website in it. Also it is not very DRY to design paragraphs, or whatever, in Photoshop and again with CSS.

But designing the mockup with markup is also somewhat annoying. You change the CSS code and need to check the result in your Browser. I used a Firefox add-on called ReloadEvery so I don't need to reload the page manually. Still not the optimal way.

That's why I coded this Plugin. You can stop switching between your Editor and the Browser and changes will occur immediately without reloading the page. Once you are done designing your mockup you can generate the CSS code, copy and paste it to your stylesheet and tweak it to your likings. Much faster and better!
Installation and Usage

Please see the Demos and the example source code here and here. This section will be extended as the Plugin and the options grow. If you need any help please comment to this article and I'll be glad to help you.

System Requirements:

No special requirements.
Program Release Status: Major Update
Program Install Support: Install and Uninstall

Is Brosho Plugin (Scripts) your software?

Manage your software

Most Popular

scripts default icon Lightview Script 2.5
Lightview was built to change the way you overlay content on a website.
scripts default icon Draggable IFRAME Windows Script 1.1
Draggable IFRAME Windows library has the purpose to allow IFRAME objects to be dragged around the screen.
scripts default icon Uploadify Script 2.1.4
Uploadify is a jQuery plugin that integrates a fully-customizable multiple file upload utility on your website... Read more
scripts default icon Easy Slider Script 1.5
This is a jQuery-driven, horizontal navigational slider
scripts default icon Anything Slider (Scripts) 1.2
jQuery-based slider with lots of features: hashtag linking to direct slides, “infinite” sliding,... Read more