Saturday, April 12, 2008

Nice styles for web




The look and feel of any web page depends on the CSS style sheet specified by the author of the web page and the CSS style sheet chosen by the user as per his need or preference. The browser applies these stylesheets in a methodical way and the result is what you witness in the browser.

Stylish is a firefox extension which utilises the above concept to make the web sites look more stylish and personalized. A number of styles are available at userstyles. There are different ways in which one can apply the styles.
  1. Site styles affect only the certain site for which a style has been defined for eg: a style for gmail.com.
  2. App styles are applicable to only the particular mozilla application for which the style was conceived.
  3. Global styles as the name implies, applies to all the sites. These styles can perform generalized tasks such as ad blocking or providing prettier form controls.
The screenshot is gmail web page when applied with one of the gmail specific style. In order to get this style for gmail,
  1. goto firefox add-on's page and install the stylish extension. Once installed, you will notice a stylish icon at the right end corner of the status bar of firefox.
  2. login to gmail. Right click on the icon, a menu pops up. Click on "Find Styles for this Page". A new tab opens listing all the available styles for gmail. If you choose any one of them, a new page opens and you will notice a button called "Load into Stylish". If you click on it, you will be able to preview and save it.
  3. Once saved, whenever you visit the specific web page the style becomes active and visible.
The style used for the gmail screenshot above is "Gmail Redesigned (by Globex Designs)". The same procedure applies for using any style. I really love the possibilities with this extension. Happy exploring...

No comments: