最近のWebサイトではサイドバーをなくして1カラムですっきりとしたデザインのサイトが増えています。そんな時にメニューをどう表示するかは問題です。1、2個であればヘッダーに並べても良いですが、複数あった場合はどうでしょう。 そこで使ってみたいのがスマートフォンアプリでよくあるスライド式メニューです。Pushyを使えばスムーズなアニメーション付きメニューを簡単に実装できます。 Pushyの使い方 Pushyを使ったHTMLは次のようになります。 <!-- Pushy Menu --> <nav class="pushy pushy-left"> <ul> <li><a href="#">Item 1</a></li> <li><a href="#">Item 2</a></li> </ul> </nav> <!-- Site Overlay --> <div class="site-overl
![Pushy - UIフレームワークに依存しないスライド式ナビゲーションメニュー MOONGIFT](https://cdn-ak-scissors.b.st-hatena.com/image/square/5b77db804c69b51b3167dd1e1ade43bf4e33b573/height=288;version=1;width=512/https%3A%2F%2Fmoongift-assets.s3.amazonaws.com%2Fassets%2Fnone-c3f80f5acd8206a735bb12db1e77cb6d.png)