So I happened to be looking at a SoundCloud website while chasing down a particular image. I opened the site in Chrome and then opened up the dev tools elements in Chrome. At the bottom of the screen, in the console, I was surprised to see

You like to look under the hood? Why not help us build the engine? http://soundcloud.com/jobs

The only folks who would even see this message is somebody looking at the details of the code. Way cool.

I often find myself looking at the details on large volume production sites as a learning experience…

  • What tools are they using and why?
  • Any special JavaScript libraries?
  • Is it organized well or obfuscated and ugly?
  • How many visible errors are there shown in the dev tools panel?
  • Are there any tools there that will help me become a better developer and service my customers better?