Took me a minute to realize this is developed for use with Firefox Developer Edition. If you're using Chrome or vanilla Firefox, you're going to be a bit lost when trying to follow the tutorial.
Well, it seems like it was created for the launch of Developer Edition v44, so that would have been when the stable release was v43. The current stable release is v44, so in theory everything in this demo/tutorial should work with current stable. I found a couple things didn't, though. I couldn't get the CSS eyedropper tool to apply the color I clicked on; however, manually entering the hex code for the new color triggered the completion event. I also couldn't get the event to fire in the second-to-last task.
Regardless, it's a neat little distraction to do while eating lunch.
I noticed a weird behavior with the eyedropper but it did work, partially. For me, it worked when the inspector was side-docked in the window, but not when it was free-floating.
Firefox's devtools are available in all maintained versions of Firefox. Why would Mozilla restrict devtools to releases? How would people test the devtools in that case?