The following categories of Power tools can be found on this page:

Math Tools

Tools for calculations

Miscellaneous Tools

Tools for Dates, Times, etc.

Page Data Tools

Tools to manipulate the content of Web Pages

Page Look Tools

Tools to manipulate the appearance of Web Pages

Web Design Tools

Tools to aid web designers

To look at a single alphabetical list of all tools, click here. For a look at the Ideas Behind Power Tools (Bookmarklets), click here. Finally, for suggestions on Saving and Transporting Power Tools, click here.

Mathematical Tools

Calculator

This is a scientific calculator. Provide it with a formula (such as 62+38+143) and it will compute the value. The formula must be a meaningful formula or you will get an error message. You can use more complicated formulas, such as sqrt(exp(sin(PI + 0.5))) . The following functions are supported: abs, sin(rad), cos(rad), tan(rad), acos, asin, atan, exp, log, ceil, floor, min, max, pow(a,b), round, sqrt.

Magic Constants

Displays the values for Pi, E, Phi, and Other special Mathematical Values.

Trig w Angles

Computes the sin, cos, and tan of an argument that is expressed in degrees, instead of radians. For your reference, 360 degrees = 2pi radians.

Return to Top

Miscellaneous Tools

Date and Time

Displays the current system date and time.

Days Away

This tool displays the date and time + or - X days from now

Days Between

Displays the number of days between two calendar dates.

Days Left This Year

Identifies how many days are left in this calendar year.

Hours Away

Displays the date and time + or - X hours from now

Return to Top

Page Design Tools

Display Images

Displays all of the images on the page in a centered column

Dup This Page

Opens a new window containing a copy of whichever webpage you are viewing. This allows you to surf from the webpage and still quickly return to the copy since you won't have to reload it.

Page Freshness

Returns the date of last modification for the page, as provided by the server.

Previous Page

Displays the previous page in a new Browser Window.

Selection - Count

Provides a count of the number of words in the selected text.

Selection - Edit

If you select some text on a webpage and then this tool, a new window will open containing the text in a form box. You can then edit the text within the form box (perhaps in order to copy and paste it elsewhere.) If you select this tool without first selecting some text, the form box will open as an empty "notepad".

Selection - List

Provides a list of all the words in your selection, grouped alphabetically, in the order they appear on the page (with repetitions). This can be used, for instance, to scan for inconsistent spellings.

Show a Word

Displays all ocurrences of a word on a page by highlighting each one with a yellow background, also alerting the number of occurrences. For example, try it on this page with the word "this". After keeping the bookmarklet you can also select any word on the page by dragging across it - when the bookmarklet is triggered all occurrences of that word will be highlighted.

Up 1 Directory

This bookmarklet gives you a fast way to search through a site's pages by shortening the URL, so you see progressively shallower parts of the site. For example, repeated use of this bookmarklet would take you from http://www.domain.com/directory/page.html to http://www.domain.com/directory/, and then to http://www.domain.com/

Return to Top

Page Look Tools

Highlight Links

Displays a yellow background underneath each link. This is useful to distinguish links from ordinary multicolored text. Note:This may not work correctly on every page

Page Color

Changes the Background color of the current page.

Remove Background

Removes the background image from the current page.

Text Color

Changes the foreground (text) color used on the current page. Note:This will not change the color of text if the color is defined as part of a stylesheet.

Text Font

Changes the font used on the body of the current page. Note:This will not change the font of text if the fontname is defined as part of a stylesheet.

Underline Off/On

Toggles the Underlining effect (text-decoration) on all hyperlinks within the current page. Note: if your text-decoration is set within a stylesheet, you will need to click on this tool a second time before the toggling will start to work.

Zoom First Image

This Tool asks for a magnification factor, then loads the window with a magnified version of the first image on the webpage. Use it with decimal factors to shrink the image (e.g. - use a factor of 0.5 to shrink by half.) Tip: Any image on a page can be made into a first image; point mouse at image, hold down the right button, and choose "Open this Image".

Return to Top

Web Design Tools

216 Colors

Displays the 216 "browser-safe" colors along with their hex code numbers. These are the colors that display the same under Netscape and Explorer. The page is entirely generated from within the bookmarklet (so you can use this tool offline). Tip: If some hex codes are hard to read try choosing "Select All" from the Edit menu.

Howzit Work?

This tool installs an event handler for the onclick event of the document object, and then responds to a click event anywhere in the document by issuing an Alert message box that contains the OuterHTML for the document element in which the click occurred.

Howzit Work Part 2?

This tool installs an event handler for the onclick event of the document object, and then responds to a click event anywhere in the document by issuing an Alert message box that contains the OuterHTML for the document element in which the click occurred, and also for the parentElement of the clicked element.

ISO Characters

This tool makes a list of the ISO Latin character codes for the international umlaut, circumflex, grave, and acute characters. It really helps when you want to add symbols like to your webpage.

List All Links

Lists all of the links on the current page in a separate window.

Object Props

Displays the properties (in a new window) of any selected object.

Page Profile

Displays all of the collection counts for the current document.

Screen Properties

Lists the screen width and height and number of colors supported.

Show Cookie

Displays the cookie for the site that is currently displayed in the browser.

Show JavaScript

Creates a new window with all of the JavaScript sections for the current page.

Show StyleSheets

Creates a new window with all of the Stylesheets for the current page.

String Length

Gives the number of characters in a pasted text string (up to 255). This is useful if you are writing bookmarklets since the maximum length of these little programs in Internet Explorer 6.0 is 508 characters.

Return to Top


Alphabetical List of Power Tools

ToolName

Description

Category

Calculator

A scientific calculator

Mathematics
Date and Time

Displays the current date and time

Miscellaneous
Days Away

Displays the date and time + or - X days from now

Miscellaneous
Days Between

Displays the number of days between two dates

Miscellaneous
Days Left This Year

Displays the number of days left in the calendar year

Miscellaneous
Display Images

Displays the images in a centered column

Page Design
Display the 216 Colors

Display 216 Standard Browser Colors

Web Design
Dup This Page

Duplicates the Page in a New Window

Page Design
Highlight Links

Highlights all of the links on the current page

Page Look
Hours Away

Displays the date and time + or - X hours from now

Miscellaneous
Howzit Work

Displays the OuterHTML for any element on the web page by clicking

Web Design
Howzit Work, Part 2

Displays the OuterHTML for any element (and its parent) on the web page by clicking

Web Design
ISO Characters

Display the ISO Latin equivalents for umlaut, gave, etc.

Web Design
List All Links

List all of the links in a new window

Web Design
Magic Constants

Display E, PI, PHI, and other special constants

Mathematics
Object Properties

Displays the properties of any named object

Web Design
Page Color

Sets or changes the background color of the current page

Page Look
Page Freshness

Displays the last modified date for the page

Page Design
Page Profile

Displays the collection counts for the current document

Web Design
Previous Page

Display the previous page in a new window

Page Design
Remove Background

Remove the background image for the current page

Page Look
Screen Properties

Display the Screen Properties

Web Design
Selection - Count

Counts the number of words in the selected text

Page Design
Selection - Edit

Opens a new window and allows editing of the selected text

Page Design
Selection - List

Lists the words in the selected text

Page Design
Show Cookie

Displays the contents of the cookie for the site in use

Web Design
Show JavaScript

Displays all of the JavaScript for the current page

Web Design
Show StyleSheets

Displays all of the StyleSheets for the current page

Web Design
Show Word Occurrences

Highlights (in yellow) all occurrences of a selected word

Page Design
String Length

Displays the length of a string

Web Design
Text Color

Sets or changes the foreground (text) color of the current page

Page Look
Text Font

Changes the font used for the current page

Page Look
Trig w Angles

Computes sin, cos, and tan for a value in degrees

Mathematics
Underlines Off/On

Switches the Underlines for Links Off/On

Page Look
Up 1 Directory

Shorten the URL by 1 level

Page Design
Zoom First Image

Zooms in/out on the First Image on the current page

Page Look
Return to Top


Saving and Transporting Power Tools

To save a Power Tool (aka a "Bookmarklet") into Internet Explorer, just right-click on the link, and choose "Add to Favorites" from the Context menu.

Once the bookmarklet has been saved to your Favorites Folder, you can transport them between different computers by simply copying either the entire Favorites Folder, or even better, a sub-folder that you create for your Bookmarklets.

On Windows XP, you can find your Favorites Folder at: "root\Documents and Settings\yourName\Favorites".
On Windows ME or Windows 98, the Favorites Folder is located at: "root\Windows\Favorites".

Return to Top


The Ideas Behind Power Tools (Bookmarklets)

Any hypertext link can be used in the form of a bookmark. The same rule applies to javascript: links, so you can actually create a bookmark that executes JavaScript code - a bookmarklet. This lets you execute statements rather than loading a new document. When you trigger a bookmarklet, you are actually running a script on the current page. Therefore, you cannot use a bookmarklet to access properties of a document in another window, belonging to a different site. These are standard security limitations that are typical to JavaScript running in modern browsers.

In coding bookmarklets, we need to deal with two restrictions:

  1. Since the HREF attribute of a link tag requires quotes, we must make sure that the internal javaScript URL doesn't use the same type of quotes. One safe rule is to use double quotes for the HTML attribute, and single quotes for the JavaScript statement.

  2. The JavaScript statements used in a JavaScript URL should not return any value. For example, the alert() method doesn't return a value; in other words, it returns undefined. If a statement returns undefined, the browser simply executes it. However, if it returns an explicit value, the browser loads a new page, with the javaScript: URL in the location bar, and the returned value in the body of the page. The void operator evaluates its expression, and returns undefined. The parentheses surrounding the expression are optional, but they are important when writing compact scripts. If you are unsure if a statement returns a value, the safest bet is to use the void operator.


Return to Top