Design Challenge Tutorial: Stupid XPI Tricks - Kittens Everywhere

Download

• kittens.zip
• kittens.tar.gz

Install

• Download and unpack. Move the kittens folder to Projects.
• Mac and Linux: Make a file at ~/Profiles/stupid-tricks/extensions/kittens@evilbrainjono The contents of the file should be:
  ~/Projects/kittens/
• Windows: Make a file at %USERPROFILE%\Profiles\stupid-tricks\extensions\kittens@evilbrainjono The contents of the file should be:
  %USERPROFILE%\Projects\kittens\

What's it do?

• When a web page is loaded, replaces every image with a random image from LOLcats.

How does it work?

• See file kittens/chrome/content/kittens.js

Where to Learn More

• Running code on page load
• DOM elements and the things you can do to them
• XMLHttpRequest
• Using XMLHttpRequest
• Getting Started with AJAX

Previous: Bookmarks and Preferences