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

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

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

NavNav

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

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

  • fullscreen overlay
  • dropdown
  • offcanvas
  • scroll

Back to Top

NxWorld

Sorry... doesn't support your browser

To get the best possible experience using our site we recommend that you upgrade to a modern web browser.NxWorldではご利用中のブラウザサポートはしていません。
Internet Explorerのアップグレード行う、もしくはその他のブラウザを使用しての閲覧をお願いします。