レスポンシブ対応された様々なタイプのナビゲーションを集めたギャラリー「NavNav」

レスポンシブ対応された様々なタイプのナビゲーションを集めたギャラリー「NavNav」

覚えておきたいと思ったので備忘録兼ねてご紹介。
「NavNav」はCSS・jQuery・JavaScriptで実装され、レスポンシブ対応もされているナビゲーションを集めたギャラリーです。
検索機能やタイプごとでタグ付けも用意されているので特定の動きを探すのにも容易ですし、
だらだらと時間ある時に眺めるだけでも今まで見たことないような動きを見つけたりできそうですね。

NavNav

紹介されているのはjQueryプラグインやCodePenで公開されているデモをはじめ、その他「Codrops」や「CodyHouse」といったブログで公開されているチュートリアルなどになっています。
一覧ページではパッと見でどのようなタイプや動きになるのかがわかるようなサムネイル付きで並べられており、それぞれ詳細ページへのリンクとデモページへのリンクが別々で用意されているのも個人的には良いなと思いました。

現在は下記4種類のタグが用意されており、Menuもしくは各ナビゲーションの詳細ページ内に記載されているタグから各アーカイブページに飛ぶことができます。

  • fullscreen overlay
  • dropdown
  • offcanvas
  • scroll

Close the search window,
please press close button or esc key.