サイト利用のインタラクティブなチュートリアルをリストで定義するだけで超簡単に実現できる「jQuery Joyride」
2011年10月14日-
スポンサード リンク
jQuery Joyride Feature Tour Plugin - ZURB Playground - ZURB.com
サイト利用のインタラクティブなチュートリアルをリストで定義するだけで超簡単に実現できる「jQuery Joyride」
サイトを最初に訪れた人に、どういうふうに操作するかという部分をサイトをそのまま使って説明することができます。
使い方が超簡単で、<ol>リストにチュートリアルをリスト形式で列挙していき初期化します。
<li data-id="****">のdata-idの部分にポップアップを表示させたい要素のIDを指定します
するとリストの順にポップアップがどんどん出て、「Next」ボタンを押せば次の要素にアニメーションしながらフォーカスしていきサイト利用の大体のイメージがつかめるという形です。
これなら誰でも簡単に使えますね
気合を入れたWEBサービスを作る際なんかのために覚えておきましょう
関連エントリ
サイト利用のインタラクティブなチュートリアルをリストで定義するだけで超簡単に実現できる「jQuery Joyride」
サイトを最初に訪れた人に、どういうふうに操作するかという部分をサイトをそのまま使って説明することができます。
使い方が超簡単で、<ol>リストにチュートリアルをリスト形式で列挙していき初期化します。
<li data-id="****">のdata-idの部分にポップアップを表示させたい要素のIDを指定します
するとリストの順にポップアップがどんどん出て、「Next」ボタンを押せば次の要素にアニメーションしながらフォーカスしていきサイト利用の大体のイメージがつかめるという形です。
これなら誰でも簡単に使えますね
気合を入れたWEBサービスを作る際なんかのために覚えておきましょう
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- CSSで太陽が差し込むようなアニメーション実装
- 可愛くアニメーションする「beautifully crafted animated icons」
- アイソメトリックなアイコンがアイコンがPNG,SVGでゲットできる「Isoicons」
- ユニークなカタカナフォントtorisippo
- 美しいメッシュグラデーションをCSSで簡単に取得できる「MSHR」
- TailwindCSSなサイトで使える100以上のアニメーションエフェクト「animata」
- SVG形式のテック系企業のロゴを簡単にゲットできる「Svgl」
- 統一感のある色味を一括生成できるツール「The good colors」
- くちばしフォント【商用可】
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 過去のエントリ