sidebar-nav

JavaScript

ツリー型のサイドナビゲーションを実装できる「sidebar-nav」

sidebar-navはツリー型でレスポンシブに対応したサイドナビゲーションを実装できるjQueryプラグインです。親メニューをクリックすると、子リストが下へスライドで表示されます。操作性もよくとても使いやすいナビゲーションですね。

sidebar-nav

sidebar-nav

PC版では左側に縦に並んだナビゲーションが設置されていて、親メニューをクリックすると子リストが下へのスライドと同時に表示されます。メニューがたくさんあるサイトなどでは、このように予め子リストを非表示にしておくことで、とてもスッキリしたデザインに仕上げれそうですね。

また、デモのsidebar-navはレスポンシブにも対応しているので、ブラウザの画面を縮小していくとモバイル版に最適化されたレイアウトに切り替わるのを確認できると思います。

パソコン、スマホ、タブレットなどいろんなデバイスから見やすいサイドナビゲーションを実装したいという人にはピッタリですね。

というわけで、ツリー型の操作性がいいサイドナビゲーションを探している人は、ぜひsidebar-navをチェックしてみてはいかがでしょうか。

関連記事

  1. basicContext

    JavaScript

    使いやすいコンテキストメニューを実装できる「basicContext」

    basicContextはシンプルで使いやすいコンテキストメニューを実…

  2. Force.js

    JavaScript

    要素を手軽にアニメーション化できる「Force.js」

    Force.jsはページ上の要素を手軽にアニメーション化させることがで…

  3. Frappe Charts

    JavaScript

    シンプルでモダンなSVGチャートを実装できる「Frappe Charts」

    Frappe Chartsは、シンプルでモダンなSVGチャート(グラフ…

  4. flipLightBox
  5. Radial Progress Bars

    JavaScript

    アニメーション付きのサークルプログレスバー「Radial Progress Bars」

    Radial Progress Barsは、アニメーション付きのサーク…

  6. JavaScript

    とても簡単にカッコいいタグクラウドを実装することができるjQueryプラグイン「jQCloud」

    とってもカッコいいタグクラウドを実装することができるjQueryプラグ…

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP