November 14, 2003
My Top Ten Favelets
I decided after posting a couple of favelets here to compile a list of the my top ten favorite favelets (bookmarklets). Most of the favelets here are ones I use with the most frequency, some are just cool. Many of the favelets I have used in the past have been duplicated in Firebird Extensions, like the Web Developer Extension. Just drag the links to your bookmarks, some only work in Internet Explorer or Mozilla 1.x browsers.
TOP TEN FAVELETS FOR WEB DEVELOPMENT
- 1. Image Drag Moz
- Makes every image on a page “draggable”.
- 2. Ruler 1.1 Moz
- Need to size up something on a web page. Use this tool to get the dimensions on a page. Hit enter to exit out of the ruler.
- 3. Edit/Test styles Moz
- Opens a small window where you can edit that pages CSS on the fly. No need to refresh that page.
- 4. Image List IE
- Opens a new window with a list of that page's images with their file size and dimensions.
- 5. View CSS Moz, IE
- Opens a new window with that pages style sheets.
- 6. Show Specific Elements IE Moz
- Outlines any element you specify and with any color you specify.
- 7. generated source Moz, IE
- Ever wanted to see what the browser generates from the code. This will let you see what the code javascript and other scripts generate on a page.
- 8. Show Tables IE, Moz
- Shows all tables and nested tables with a different border color.
- 9. Show all DIVs IE, Moz
- Need to quickly outline all divs, this does the trick.
- 10. Server Info (netcraft) IE, Moz
- This is a handy little site that will tell you information about a website's server.