最近は常にヘッダーバーを表示しているサイトが増えていますが、正直うざいを感じることがあります。画面の大きくないスマートフォンなどではヘッダーが常にあることで表示されるコンテンツが狭くなってしまいます。 そこで使ってみたいのがドロワーです。ユーザアクションに応じてヘッダーなどを表示する方がユーザビリティが高いと言えるでしょう。柔軟な指定が可能なドロワーライブラリが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