A very useful tool for developing and testing web pages are so-called favelets or bookmarklets. A favelet is a small JavaScript program that is stored as a URL within a browser’s bookmark. A favelet operates like a normal bookmark. Clicking on the bookmark adds additional functionality to the browser such as changing the way a web page is displayed, viewing/editing CSS & scripts and validating the source of a page. Favelets are most helpful when developing with Internet Explorer but will also work in other browsers, such as Mozilla Firefox (you will find much of what favelets can do already bundled into custom extensions for Mozilla Firefox).

While favelets do not seem to be used as heavily now, as in the past, probably due to the use of extensions in Mozilla Firefox and plugins/toolbars for other browsers they still have their place in the development environment. Below are some web development favelets I have found to be of some use.

• Slayer Office Favlet Suite – Contains such favelets as a color list, document tree, ruler, and mouseover DOM inspector. This is the one set of favelets that I use in Mozilla Firefox.
• Web Development Bookmarklets – These bookmarklets deal with source code, modifying & viewing CSS, and javascript
• Favelets – Favelets for babelfish translations, screen sizing, and viewing html/css/images.
• Accessibility-Checking Favelets – Favelets to help check the accessibility of a web page.

This entry was posted on Monday, October 17th, 2005 at 3:12 pm and is filed under Design, Firefox. You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.