HCI Page Ruler

Page Ruler is an add-on that lets you measure distances (in pixels) on a webpage and calculate Fitts's index of difficulty (ID).

It draws a rectangular ruler when you move your mouse on the page. The ruler has width, height, start and end labeled with corresponding metrics in pixels. When you move your mouse, the rectangle changes its size and all the numerics are updated, also the first page element below cursor is selected in order to calculate ID. To activate the addon press the toolbar button once. Likewise, to disable the addon press the toolbar button again. Mouse, position adjustment with keyboard and touch-enabled devices are supported.

Installation

$ git clone https://github.com/Cvtx/hci-page-ruler.git

Chrome

1. Enable Developer mode in your browser.

2. Go to chrome://extensions/ in your browser.

3. Click Load Unpacked and select cloned folder.

Firefox

• Follow this instruction.

Download links

• TBA