blog
-
[Webデザイン]デバイスの“画面サイズ”でなく、実際の“表示領域”を調べる方法
WebデザインLP制作などにおいて、ファーストビュー(FV)ってめちゃめちゃ大事ですよね。 スマホ向けLPを作る際のFV設計では、その「高さ」にご注意ください…
-
[js]スマホでクリックイベント「onclick」の感度が悪いと感じたら「ontouchend」を使おう
コーディングスマホでクリックイベントの利用を考えた時に最初に浮かぶのがメニューでしょう。 いわゆるハンバーガーメニューというやつです。よく右上か左上にあるこ…
-
[htmlのみ]画面幅によって表示する画像を変える方法 ~レスポンシブデザインでの画像表示~
コーディングレスポンシブデザインのWEBサイトを作成時、「PCではこちらの画像、スマホではあちらの画像」と、表示を切り替えたい時ってありませんか?ありますよ…
-
[html]iOS(iPhone)で電話番号に勝手にaタグが適用されてリンクになってしまうのを防ぐ方法
コーディングホームページ制作時、会社概要や店舗情報に電話番号やFAX番号を記載することはよくあります。 パソコンで閲覧した時は通常の文字として表示されますが…
-
[CSS]iOS(iPhone)で見ると検索バーが勝手におしゃれになってる
コーディング検索バーや送信ボタンをcssでシックなスタイルにデザインしたはずなのに、iPhoneで見ると角丸のちょっとかわいい感じのスタイルになってしまう。…
-
[CSS]iOS(iPhone)でスクロールがガタガタする時の対処法
コーディングスマホ用サイトに対応したものの動作がいまいちスムーズでないと使い勝手は悪いですよね。 特にありがちなのは「メインメニューなどのスクロールが何故か…