Skip to navigation Skip to content
An image of what this site will do to your battery.

Flipping the script

One-minute read

I have a particular methodology that I use to write all my JavaScript.

First, I decide to add some sort of gratuitous, showy, processor-hogging, performance sapping JavaScript animation to my site. Then I spend two weeks writing code that is a horrible disorganized mess that is about 90 percent functional but completely breaks every time I try to fix it.

Then throw it out and rewrite it all in about three hours.

Which brings me to the latest addition to this site. I’ve added a scroll progress meter to the top menu bar. I even consulted for several months with Pixar to make sure the animation was as polished as possible. 1

Scroll up and down on this page and experience mindblowing scroll meter action! Now try it on your phone and watch the eye candy make your battery meter drop every time you scroll!

It was also a good UI/UX exercise. I decided to put the progress meter in the menu bar so people can get a quick, convenient glance at how much story is still unread when they click the browser’s back button.

I’ll probably spend some more time refactoring the code. Until then, it’s probably not a good idea to look at my source code. This is what happened to the last guy who did.

  1. This is not even remotely true.