I built a Chrome extension called Site Bomb. It does exactly one thing: you drop little bombs anywhere on a webpage, and the text near the blast gets physically blown apart, letter by letter.
It is completely useless. It is also genuinely satisfying when you're stressed.
Here's how it works, and the three things I had the most fun figuring out.
1. Turning page text into something you can blow up
You can't apply physics to a plain text node — a paragraph is one indivisible blob as far as the DOM is concerned. So before anything explodes, Site Bomb walks the page and rewrites every visible text node, wrapping each individual character in its own element:
