Menuはサイドからスライド開閉するレスポンシブ対応のメニューを実装することができるjQueryプラグインです。デモでは開閉するパネルはシンプルなデザインですが、パネル下にシャドウがついたりとちょっとした立体感を感じさせる作りになっています。Menuの実際のデモになります。デモブラウザの幅を縮めていき下へスクロールして行くと、メニューがアイコンに切り替わります。アイコンをクリックすると左からメニューがスライドオープンしてきます。パネルが開かれている状態でパネルの外をクリックするとメニューがクローズします。モバイル時にメニューアイコンに切り替わった時はメニューパネルが隠れているので、コンテンツの邪魔になりません。開閉するアニメーションもスッと横から出てくるのでほとんどストレスを感じさせないところがいいですね。いうわけで、スライド式のナビゲーションメニューを実装したい時に覚えておきたいjQueryプラグインでした。menuを使えばシンプル...JavaScriptフルスクリーンに最適なナビゲーションメニュー「Fullscrenn-Menu-Jquery-Plug...Fullscrenn-Menu-Jquery-Pluginは、フルスク...JavaScript様々なカスタマイズができる便利な通知バー「jquery.peekABar」jquery.peekABarは様々なカスタマイズが可能な通知バー(通...JavaScript宇宙空間を移動するような背景アニメーションを実装できる「Starfield」Starfieldは宇宙空間を移動するような背景アニメーションを実装す...JavaScriptシンプルでさりげないアニメーションが素敵なスライドショー実装「ajSlider」ajSliderはシンプルなスライドショーを実装することができるjQu...JavaScriptレスポンシブで多階層に対応したドロップダウンメニュー「StellarNav.js」StellarNav.jsはjQueryによるレスポンシブで多階層に対...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.20いつもの音楽をハイレゾ級で。ソニーの完全ワイヤレス...ソニーからハイレゾ級高音質と優れた接続性を備えた小型・軽量の完全ワイヤレスイヤホ...2020.02.19三色ボールペンの青と緑を「黒」に変えるいつも仕事で使っているジェットストリームの三色ボールペン(+シャーペン付き)。こ...2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。