前の記事 ≪:超カッコ良いプレローディングエフェクトサンプル
次の記事 ≫:Materialデザインのローディングアニメーション実装「Material-Preloader」

サクッとサイト利用のみたままチュートリアルを作成できる「fastuts.js」

2014年12月15日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法

guimadaleno/fastuts GitHubfastuts.js(デモ)

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





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



関連エントリ

スポンサード リンク

By.KJ : 2014年12月15日 09:00 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)