ハンバーガーメニューは今やウェブでもモバイルでも広く使われています。しかし作り方次第で快適なナビゲーションメニューにもなれば、使いにくく邪魔な存在にもなってしまいます。 今回は美しいハンバーガーメニューの実装例をご紹介します。 1.Slideout.js 美しさと可愛さが入り混じる 美しいデザインとかわいらしいアニメーションを持つメニューです。タッチで起動することができ、ネイティブのスクロールを採用しているおかげで快適です。 2.Drawer シンプルなのに効果的 CSS3を利用したjQueryプラグインで、シンプルながらも効果的なアニメーションを使っています。 3.Pure Drawer 多彩なアニメーションが魅力 スライドだけでなくズームなど多彩なアニメーションが利用できるドロワーです。 4.Shifter ウェブでもでもアプリでも使える Shifterはアニメーションするハンバーガー
![こんな機能まで…⁉知らなきゃ損する、若者の心をつかむ12のハンバーガーメニュー特化型デザインツール!](https://cdn-ak-scissors.b.st-hatena.com/image/square/861f5dd921e26e7c35beb56dff8d0b9b5bebbb18/height=288;version=1;width=512/https%3A%2F%2Fwww.seleqt.net%2Fwp-content%2Fthemes%2Fseleqt%2Fimg%2Fcommon%2Fpic_dummy02.png)