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

最近は常にヘッダーバーを表示しているサイトが増えていますが、正直うざいを感じることがあります。画面の大きくないスマートフォンなどではヘッダーが常にあることで表示されるコンテンツが狭くなってしまいます。

そこで使ってみたいのがドロワーです。ユーザアクションに応じてヘッダーなどを表示する方がユーザビリティが高いと言えるでしょう。柔軟な指定が可能なドロワーライブラリがPushbar.jsです。

Pushbar.jsの使い方

デモです。特徴は上下左右、どこからでも出せることです。

多くのドロワーは左右から表示されますが、ヘッダーバーやフッターなど目的に応じて最適な表示場所は異なります。それぞれ別なライブラリを用意することなく、Pushbar.jsだけで解決できるのが便利です。

Pushbar.jsはJavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。

Pushbar.js demo

oncebot/pushbar.js: Tiny javascript plugin for creating sliding drawers in web apps

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2