レスポンシブ対応でメニューのアイテム数がわかりやすい「Greedy Navigation」

Greedy Navigation

Greedy Navigationはレスポンシブ対応でメニューのアイテム数がわかりやすいナビゲーションを実装できます。ハンバーガーアイコンに切り替わったときに、ブラウザサイズに連動して表示されるアイテム数も切り替わっていきます。

Greedy Navigation

デモ

PCで表示させた場合、ブラウザサイズを縮小していくと、それに合わせてハンバーガーアイコンのところにアイテム数が表示されます。この数のぶんだけドロップダウンメニューに表示されます。

縮小すればするほどアイテム数が増えていきます。ドロップダウンメニューにどのくらいの項目が存在するのか瞬時にわかるのでとても便利ですね。

たくさんナビゲーションメニューがあるときなんかに活躍してくれそうです。

Greedy Navigation

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

オススメ商品

Archives