Demo Failure: A Puzzle with an Amusing Ending

Tomorrow is the start of the PDC, and while I have a quiet moment before the final keynote rehearsals start, I thought I’d share this little story with you.

I got an urgent email very early yesterday morning as I was just waking up from a colleague who was about to go on stage to do a demo in a Steve Ballmer keynote. The demo showed how IE9 enables web apps to feel more like Windows desktop apps, using features like pinned site mode, jump lists, notification icons and so on. The issue was that the notification icons just weren’t popping up on cue. They’d worked perfectly well the night before during rehearsals, but all of a sudden they weren’t appearing.

Everyone was racking their brains to try and figure out what was going wrong. Had someone tinkered with the demo machine? Had the website changed? I’ve been there before, and you can probably imagine how stressful it is to hit a demo issue so close to a CEO keynote.

From the relaxed atmosphere of my bedroom, I decided to go have a quick look at the code to see why it was failing. I was amused to discover the source of the issue. Rather than jump straight to the answer, I’ll give you the chance to figure it out for yourself – see how long it takes you, and go ahead and post in the comments section when you’ve figured it out.

The site in question is LiveStrong – co-founded by the Lance Armstrong Foundation. (Hit F12 when you’ve opened the link below to open the IE Developer Tools.)