Intro.js | Better introductions for websites and features with a step-by-step guide for your projects.

サイトの使い方をその場でステップに分けてオーバーレイできるJSライブラリ「Intro.js」
はじめてのサイトの場合、何をやっていいか、使い方もよくわからない場合も少なくなさそうですが、このライブラリを使えば、サイトの一部をハイライトさせて説明のチュートリアルをサイト上で作ることが出来ます。
data-step, data-introという属性を付与していくだけで、簡単に使い方のチュートリアルが作れてしまうところがよさそうです。

キーボードの左右のキーで次に送ることもできます。プレゼンのデモとして使うのもアリかもしれません。

関連エントリ

• サイトの使い方をその場でアニメーションしてチョートリアルさせられる凄いjQueryプラグイン「Embedded Help System」
• ページの使い方をページ内に埋め込んでしまえる「Amberjack2」