ハナモゲラボ / 試行錯誤の実験人生

日々、PCや各種デバイス、楽器等に翻弄されながら電脳の森をさまよう男の日常と様々な実験をさらりと記しております。

スマホサイトのナビゲーションメニューのまとめ

December 05 2014

スマホサイトを作る際にけっこう悩むのがナビゲーションをどうするか、という事。
これにレスポンシブサイトで、というのが絡んでくると表示・非表示などの絡みもあり
なかなかこいつが難しかったり。

ざっと一覧で見れるもんないかいね、と探してみるとさすがはあるんだこのご時世。

スマホのメニューデザインに悩んだらこれを見る 徹底収集36選!
http://liskul.com/cr_spdesign36-5195

2014年10月の記事なのでここ最近どれが一番使われてるのかを知るにも
ちょうどよかったのだけど、まさかのドロップダウンメニュー圧勝に
個人的にはちょっと驚いたりしている。
普段、色んな所を見てて一番使いにくいな、と思ったのがこれだったもので(笑)

このまとめはメリット・デメリットをきっちりと書いてはるので
どれを採用するのか悩んだ際にもすごく参考になると思います。

これらの仕掛けは最近ではほぼJQueryで実装出来るのでそんなに難しくないのも
とってもありがたかったりします。

レスポンシブWebデザインやスマートフォンサイトに最適なメニューを
実装できるプラグインやチュートリアル 25
http://www.nxworld.net/tips/responsive-and-smartphone-menu-plugins-and-tutorials.html

この記事なんかは各自デモとスクリプトのダウンロード先もまとめてあるので
とても重宝します。

最初のまとめに書かれたものをとりあえずは自分のサイトにて
色々と試してみたほうがいいかも知れませんな。

そういえばJQuery Mobileってのもあったけども、あれはどうなってんのかな。
Android2.xの時代はアニメーションとか全滅だったんだが・・・・

| Posted in Javascript | Comments (0)

Post a Comment

※メールアドレス、URLは任意入力です。メールアドレスは入力しても公開されません。

« Oct 2017 November 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30