16
Jun 08

StomperNet Ranker: Where do you rank?

Category: AddOns, Search |

It’s been a long time since my hyperactive extension building days of ‘01-02. My first extension to make out of basic prototyping stage in 6 years is now available, timed to coincide with the new Firefox 3: StomperNet Ranker.

The tool features:

  1. An interactive SVG-based visualization of result overlap in the top 20 results for Google, Yahoo, and Live Search
    • “Brushing” feedback highlighting same domain results and displaying a info panel
    • Click to preview the result page
  2. Tabs for the full result views from each engine
  3. Access to the 7 search markets

It also integrates the Scrutinizer browser, which simulates foveal and peripheral vision for design inspection and more informative observation of use, with a “Scrutinize This Page” option.

We used the Komodo IDE (howto pdf) to build it. It makes getting started pretty simple and I roped in two members of our StomperNet dev team who had no experience with extension development more easily because of it.

Parsing search results with the DOM is a breeze compared to using regular expressions, no matter how good a PERL hacker you are. The tool also features interactive SVG, sharing CSS between the XUL and SVG layers. I’ve long been a proponent of SVG in Firefox, notably in my MS Thesis on menu mousing behavior. It’s an under appreciated part of the Firefox UI toolkit.

Go Get Firefox 3 and then get StomperNet Ranker. And, if you’re in Atlanta, join us for a celebration of the best browser on the planet tonight.


by andyed | About the author:

Related Posts


Comments


Posted on Monday, June 16th, 2008 at 9:26 pm and is filed under AddOns, Search. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
2 Comments so far

  1. 1 Robert O'Callahan on June 16, 2008

    Did you reimplement Scrutinizer in Gecko, or does it just launch the AIR app?

  2. 2 andyed on June 17, 2008

    Just a launcher… need those SVG Filters and FF3.1 for the reimplementation!

Name

Email

Website

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Share your wisdom