If you navigate to http://learn.knockoutjs.com/ you get a ‘welcome’ style screen which is a semi-transparent overlay that introduces users to the screen elements. It’s nifty.
It looks a little like the jquery plugin BlockUI, but I think it’s something a bit more fancy than that. Fancybox comes close, but seems to only offer a single centre element. Viewing source didn’t help me much, I’m not a JS expert by any means.
Does anyone know how this is done or how to do something similar on a page?
Steve used: http://trentrichardson.com/Impromptu/ for the message boxes on the tutorial pages.
You might like this post that describes the open source tools that he used in creating learn.knockoutjs.com: http://blog.stevensanderson.com/2011/07/22/review-open-source-components-used-in-learnknockoutjs/