[解決済み] クライアントサイドの "Feature Tour"(チュートリアル/インストラクション)オーバーレイシステム?[クローズド]
2023-08-04 18:34:28
質問
ブラウザでチュートリアル/ヘルプのようなオーバーレイを提供することに重点を置いたシステム/フレームワークは存在しますか?
例 ユーザーへのあるレベルの指示を必要とする Web アプリがあるとします。この指示のプロセスでは、ページ上の特定の要素を強調表示し、メッセージを添えたいとします(例:矢印、色のシェーディング、脈打つボーダーなど)。
これは真のオーバーレイであるため、絶対位置でのみ機能し、既存のレイアウトを妨げません。
私は、自分でロールアウトすることを検討する前に、既存のソリューションを探しています。
どのように解決するのですか?
ジョンソンのおかげで、(とんでもない誤検出を避けて)グーグル検索するのに良い用語を教えてもらえました。
私が見つけた、quot;feature tour" の解決策のリストです。
- Joyride|ジョイライド http://zurb.com/playground/jquery-joyride-feature-tour-plugin
- イントロ.js http://usablica.github.io/intro.js/
- ホップスコッチ http://linkedin.github.io/hopscotch/
- クランブル http://blog.tommoor.com/crumble/
- ページガイド http://tracelytics.github.io/pageguide/
- Bootstro.js|ブートストロ.js http://clu3.github.io/bootstro.js/
もっとたくさんあると思います。これらのソリューションにより、開発者はユーザーへのより良い機能紹介をはるかに容易に実装することができます。
関連
-
[解決済み] JavaScriptの配列情報をcsvにエクスポートする方法(クライアント側)?
-
[解決済み] クライアントサイドとサーバーサイドのプログラミングの違いは何ですか?
-
[解決済み】システムオーバーレイウィンドウの作成(常に一番上に表示)
-
[解決済み] JavaScript: クライアントサイドとサーバーサイドの検証
-
[解決済み] クライアント側でパスワードをハッシュ化する価値はあるのか
-
[解決済み] Javascriptによるタッチスクリーンデバイスの検出
-
[解決済み] javascript の関数から `undefined` と `null` のどちらを返すのが良いのでしょうか?
-
[解決済み] JavaScriptでの大文字小文字を区別しない正規表現
-
[解決済み] JavaScript のオブジェクトの配列を比較し、最小値/最大値を取得する
-
[解決済み] 各オブジェクトに?重複
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Node.jsでbase64エンコードされた画像をAmazon S3へアップロードする
-
[解決済み] ExtJS 4のイベントハンドリングについて
-
[解決済み] reactのrender関数でdynamic hrefを作成するには?
-
[解決済み] Angularjs - 現在の日付を表示する
-
[解決済み] Reactコンポーネントでthis.setStateを複数回使用するとどうなりますか?
-
[解決済み] JavaScriptでの大文字小文字を区別しない正規表現
-
[解決済み] JavaScriptでjson-objectのキーを取得する [重複].
-
[解決済み] イテレータでmap()を使用する
-
[解決済み] <ng-content>が空かどうかを確認する方法は?(これまでのAngular 2+で)
-
[解決済み] querySelectorAllがない場合、ライブラリを使用せずに属性で要素を取得する?