スマホのナビゲーションをどうするか、Web制作者の間で多くの議論が交わされてきました。スマホのスクリーンは小さく、掲載する情報量には限りがあるため、多くの情報を格納できるハンバーガーメニューが候補にあがるでしょう。 しかし分かりにくい、使いにくいといった問題点があります。ハンバーガーメニューに代わる、より分かりやすく使いやすいスマホ向けのナビゲーションを紹介します。
![Web制作者が知っておきたい、ハンバーガーメニューに代わるスマホ向けのナビゲーションのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/09250e2905695f0cc6d4e070a112e0024085844c/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201701%2F2017021401.png)
スマホのナビゲーションをどうするか、Web制作者の間で多くの議論が交わされてきました。スマホのスクリーンは小さく、掲載する情報量には限りがあるため、多くの情報を格納できるハンバーガーメニューが候補にあがるでしょう。 しかし分かりにくい、使いにくいといった問題点があります。ハンバーガーメニューに代わる、より分かりやすく使いやすいスマホ向けのナビゲーションを紹介します。
世の中にだいぶ認知されてきた格安SIMですけれども。 僕の周りではよくこんな声を聞きます。 「格安SIMは気になるけど、まだ2年契約が少し残ってるから、切り替えの時に考える。」 いやいや、今考えましょう。 だって、残り期間によっては違約金を支払ってでも乗り換えたほうが安くなるんですよ。 とはいえ、実際に数字を見ないことにはピンときませんよね。 ってことで、それを計算するシミュレーターを作ってみましたよ。 格安SIMが気になってる人は、ぜひ使ってみてください。 参考までにオススメのMVNOも比較表と一緒に記載してありますので、併せてどうぞ。 計算の考え方 2年契約が切れるタイミングで切り替えを考えようとすると理由は、お金がとられるからですよね。 大きく分けると2種類。 ①解約時違約金 2年契約の途中で解約すると支払わなければならない料金です。 おおよそ1万円くらいですね。 ②端末の月々割引
スマートフォンを片手で持つ時、無意識に小指を下にひっかけて持っていませんか? こうした持ち方を長く続けていると「テキストサム損傷」になる危険性があるのだそう。ドコモの公式サポートがTwitterで注意を呼びかけたことから話題になっています。 「テキストサム損傷」とは、スマートフォンの長時間使用が原因で、指の形が変わってしまったり、しびれや痛みを感じたりする症状のこと。ツイートが拡散されると、「おれテキストサム損傷だった……」「もうなってる」「時すでに遅し」など、「おれもおれも」と次々と報告が寄せられました。 テキストサム損傷を防ぐには、特定の指に負担をかけすぎないように、時々持ち方を変えたり休憩をとったりするのが有効とのことです。 こういう持ち方をしている人は注意!(筆者もでした……) まだ大丈夫そう? 追記 「テキストサム損傷(text thumb injury / texting th
どうも、はやちです_(:3」∠)_ スマホに使うとよりサイトが見やすくなるjQueryをまとめてみました。 アコーディオン アコーディオンみたく開閉式のメニューが実装できるjsです。 記事の多いコンテンツをまとめるのに便利ですね。 ■動きをみる HTML <dl class="acordion"> <dt class="trigger">アコーディオンメニュー<span class="open-close">open</span></dt> <dd class="acordion_tree">テキストテキストテキストテキストテキストテキストテキストテキスト</dd> <dd class="acordion_tree">テキストテキストテキストテキスト テキストテキストテキストテキスト</dd> <dd class="acordion_tree">テキストテキストテキストテキストテキストテキ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く