実際のサイト上で動作するチュートリアルが簡単に作れるIntro.jsが便利すぎる件 - (ﾟ∀ﾟ)o彡 sasata299's blog
2013年05月08日18:21 JavaScript 実際のサイト上で動作するチュートリアルが簡単に作れるIntro.jsが便利すぎる件 さて、先日簡単なチュートリアル作ろうと思ったんですが、どうやるのが良いのかなーと思って悩んでました。キャプチャ取ってそこに説明文を書いて…ってしてもいいんですけど、キャプチャだと一部分なのでサイト上のどの辺なのかわかりにくかったり、サイト側は変更したのにキャプチャが古いままとかになったりしちゃいますよね＞＜ とか思って探してみたらこちらの Intro.js が便利だったので紹介してみます。 さて、この Intro.js を使うとですね、サイト上で動作するチュートリアルを簡単に作れるんですよ。使い方も簡単で、動作させたい要素に対して data-intro (表示する説明文) と data-step (チュートリアルの何番目に表示するか) を指定します。チ
Chardin.js
Chardin.js - Simple and beautiful overlay instructions for your apps.
ページ内にサイト利用法のチュートリアルをオーバーレイ表示できる「Pageguide」:phpspot開発日誌
Pageguide by tracelytics ページ内にサイト利用法のチュートリアルをオーバーレイ表示できる「Pageguide」。 page guideというボタンがページのサイドに現れて使い方をハイライトしてくれます jQueryとCSS3で実装しているため、非対応ブラウザでは動かない点は注意 押した所、エレメントに吹き出しがついて、ページ下部には利用の説明を表示できます ページの構成にもよると思いますが、番号をステップで追っていけばなんとなくサイトの使い方について説明できます ページを見ながら覚えるのが一番、ということで色々と使えそうですね 関連エントリ ページ上にそのままチュートリアルを乗っけて使い方を分かりやすく説明できるjQueryプラグイン「jQuery Tutorial」 サイトの使い方をその場でアニメーションしてチョートリアルさせられる凄いjQueryプラグイン「Em
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
