TOP  >  javascript , WebDesign  >  レスポンシブメニューを実現してくれるjQuery集「15 Responsive Navigation jQuery Plugins」
2013年08月18日

レスポンシブメニューを実現してくれるjQuery集「15 Responsive Navigation jQuery Plugins」

スマートフォンのシェアが高まるに連れてPCでもスマートフォンでも両方共通のコンテンツで、各端末ごとに最適化されたデザイン+機能。多くのWEBデザイナーが頭を迷わせるところですが、今回紹介するのはその中でもユーザーが操作するナビゲーションをレスポンシブにしてくれるjQueryを集めたエントリー「15 Responsive Navigation jQuery Plugins」です。

jquery_menu_01
Sidr

最近のスマートフォンアプリのナビのようにサイトのサイドからせり出てくるようなナビゲーションから、端末によって、それぞれの端末に最適化された形に変化するものまで多種多様なレスポンシブメニューがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

SmartMenus
PC、タブレット、スマートフォンとそれぞれに最適化したメニューが表現できるレスポンシブメニュー

jquery_menu_04
 
 
 
 
 
jPanelMenu
アプリケーションのような、画面外に格納されたメニューが実装できるjQuery

jquery_menu_08
 
 
 
 
 
MeanMenu
スマートフォンになった時にはアコーディオン化するレスポンシブメニュー

jquery_menu_13
 
 
上記の他にも多くのレスポンシブメニューが紹介されています。コンテンツやデザインによってどれが最適なのかは大きく異なりますが、これだけバリエーションがあれば好みのメニューも見つけやすいのではないでしょうか?気になった方は是非原文もごらんください。

15 Responsive Navigation jQuery Plugins

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る