スマホサイトのメニューを実装できるjQuery、CSS3プラグインまとめ!

2015/02/24

こんにちは。
今回はスマホサイトのメニューを実装できるjQuery、CSS3プラグインまとめ!です。

横からスライドするドロワーメニュー以外のスマホサイトのメニューを実装できるプラグインを集めました。
レスポンシブWebデザインにも対応しているものがほとんどです。

スマホサイトのメニューを実装できるjQuery、CSS3プラグインまとめ!

SlickNav

smart-phone-menu

 

 

jQuery slimMenu

smart-phone-menu2

 

 

Naver

smart-phone-menu3

 

 

Drop-Down Navigation: Responsive and Touch-Friendly

smart-phone-menu4

 

 

Responsive Retina-Friendly Menu

smart-phone-menu5

 

 

Responsive Multi-Level Menu

menu

 

 

MeanMenu

smart-phone-menu6

 

 

SmartMenus

smart-phone-menu7

 

 

Flaunt.js

smart-phone-menu8

 

 

CSS3 Responsive menu

smart-phone-menu9

 

 

FlexNav

smart-phone-menu10

 

 

HeadShrinker

headshrinker

 

 

Off-Canvas Menu Effects

smart-phone-menu11

 

 

横からスライドするドロワーメニューのプラグインは下記にまとめています。
横からスライドするドロワーメニューのjQuery、JS、CSS3のプラグインまとめ!

 

 

プラグインを使わないスキルを身につけたい人のためのjQueryテクニカルノート
プラグインを使わないスキルを身につけたい人のためのjQueryテクニカルノート

 

いかがでしたか。サイト制作する上で、こういう便利なプラグインがあるのはありがたいですね!
以上でスマホサイトのメニューを実装できるjQuery、CSS3プラグインまとめ!でした。

topへ戻る