jQuery Slidebars Frameworkを使用して簡単にスライド式のハンバーガーメニューを作成する

UXデザイナーは、 ハンバーガーメニュー Webデザインで。彼ら モバイルユーザーのための目的を果たす だけでなく 発見性が低い.

それらがあなたのウェブサイトで使う価値があるかどうか私は言うことができません、しかしあなたが簡単な方法を探しているならば。 スライドメニューを設定する そうして スライドバーフレームワーク 便利なリソースです.

スライドバーは完全無料でオープンソースで構築されています jQueryライブラリの上に. スライドメニューを開くためにハンバーガーのアイコンをクリックした場所と同じように機能します。 画面をキャンバスから離します 部屋を作る.

私が特に好きな機能の1つは タップして非表示にする設定 ページ上の任意の場所をタップできる場所 すぐにメニューを隠す. これはすべてのスライド式メニュープラグインに組み込まれているわけではありませんが、ユーザーエクスペリエンスを大幅に向上させる機能です。.

このプラグインは完全にオープンソース化されており、コードは無料で利用可能です。 GitHubで あなたが周りに突くしたい場合。しかし、リポジトリにはセットアップをより困難にする明確なドキュメント一式が欠けています.

ありがたいことに、あなたはメインサイトでこれを見つけることができます フル使用ガイド Slidebarsを起動して速く実行するためのもの.

スライド式メニューに対応 画面の四方から, に加えて カスタム機能 アニメーション効果、色の選択、およびメニューの幅と高さの合計.

スライドメニュー全体 ページ外の要素に作用する, だからあなたがする必要があります キャンバス外メニューを正しく設定する. これには、適切なHTMLとスタイル設定用の適切なCSSの両方が含まれます。.

これらすべてはドキュメントで詳細に説明されているので、ステップごとにページをたどっていくのであれば、問題なく動作するはずです。そして、デフォルトの設定 カスタムプロパティは必要ありません, 基本的な手順に従っていれば、問題はありません。.

スライドバーは本当に フルフレームワーク そしてそれも持っています カスタムAPI あなたはやり直すことができます。それはあなたがすることができます jQuery関数を呼び出す 機能を追加したり、デフォルトの機能をカスタマイズします。スライド式メニューは必要だが最初から作成したくない開発者には最適な選択です。.

もっと知りたければSlidebarsのウェブサイトをチェックしてください。それは文字通りあなたが知る必要があるすべてと回るためにたくさんのデモを持っています.