ITエンジニア/デザイナ向けにオープンソースを毎日紹介

モバイル向けのWebサイトではメニュー表示にハンバーガーメニューがよく使われます。しかし、実際のところハンバーガーメニューが一般的に分かりやすいわけでもありません。むしろタップして何が出るのか分からず躊躇してしまう人が多いでしょう。

そこで使ってみたいのがParadeiserです。ハンバーガーメニューに変わるメニュー機能を提供します。

Paradeiserの使い方

このように画面のヘッダー部にアイコンが並びます。

数が増えても大丈夫です。

Moreをタップすると追加のメニューが表示されます。

Paradeiserはスクロールするとヘッダー部のアイコンが自動的に消えるようになっています。そしてちょっと戻ると再度表示されます。ヘッダーにメニューが並ぶのはWebサイトでよく見られた形式ですが、常にあると邪魔になります。両方のいいとこ取りな機能ではないでしょうか。

ParadeiserはJavaScript製のオープンソース・ソフトウェア(MIT License)です。

Paradeiser

lucidlemon/paradeiser: small and sleek mobile navigation

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2