guimadaleno/fastuts GitHub｜fastuts.js(デモ)

サクッとサイト利用のみたままチュートリアルを作成できる「fastuts.js」。
サイト利用初心者に対し、サイトの特定部分をハイライトしてコメントを出すという最近ではおなじみの仕組みですが、div等にdataを定義しておいて初期化するだけで簡単に実現できます。





実装は次のように、data-fastuts-tip, data-fastuts-order でテキストのヒントと表示の順番を定義してプラグインを初期化するだけ。



関連エントリ

• ページ内にサイト利用法のチュートリアルをオーバーレイ表示できる「Pageguide」