Look at that little guy go…

Don’t look at the big Spinfox too long, you might get sick. As it is, I whipped up replacement throbbers for the toolbars, and accompanying userChrome.css mojo so it works with large, small, and text only sizes of buttons. Next up is userChrome.css for the tab throbbers, and then packaging it all in an XPI/Extension, but this is a good start… The individual frames are here. Note, this isn’t just the logo rotated, only the fox spins around of the stationary globe. Whee!


  1. neil had this to say,

    May 10, 2005 @ 4:48 am

    cool idea, but it does kinda make me nauseous when i look at it. maybe another way would be to keep the fox stationary and make the globe rotate?

  2. neil had this to say,

    May 10, 2005 @ 4:50 am

    ack! can you remove my email from the last post? i thought it would obscure it or something, but it’s just out there in the open…

  3. Ted Mielczarek had this to say,

    May 10, 2005 @ 5:50 am

    The Firefox throbber is the first one I’ve ever liked. Just a nice simple graphic indicating page loading, nothing obnoxious.

  4. Jesse Ruderman had this to say,

    May 10, 2005 @ 6:03 am

    This is the only frame that has a shadow: http://burntelectrons.org/m

  5. Roberto E. Wille had this to say,

    May 10, 2005 @ 6:37 am

    and work to thunderbird too

  6. Grey had this to say,

    May 10, 2005 @ 7:07 am

    Thanks, Jesse. I must have uploaded the wrong set of frames. I’ll have to fix that tonight.

  7. Jesse Andrews had this to say,

    May 10, 2005 @ 7:51 am

    I agree that maybe having the globe rotating would be better, although it may be too subtle at 16px size…

  8. Justin Shreve had this to say,

    May 10, 2005 @ 7:54 am

    Heh.. That’s actually really cool, the circle of dots is a bit plain, nice idea.

  9. Chris C had this to say,

    May 10, 2005 @ 12:42 pm

    I use the "simple circles" one with a bit of css because I really need a background for my throbber:

    background-color: white !important;
    min-height: 0 !important;
    width: 40px !important;
    margin: 0px !important;
    border: 0px !important;
    padding: 0px 8px 0px 8px !important;
    -moz-opacity: 1 !important;

    This is presumably suboptimal, but my css is crude and hackish at the best of times.

    – Chris