blog
-
![[Webデザイン]デバイスの“画面サイズ”でなく、実際の“表示領域”を調べる方法](data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20300%20169%22%3E%3C/svg%3E)
[Webデザイン]デバイスの“画面サイズ”でなく、実際の“表示領域”を調べる方法
Webデザイン LP制作などにおいて、ファーストビュー(FV)ってめちゃめちゃ大事ですよね。 スマホ向けLPを作る際のFV設計では、その「高さ」にご注意ください…
-
![[js]スマホでクリックイベント「onclick」の感度が悪いと感じたら「ontouchend」を使おう](data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20300%20145%22%3E%3C/svg%3E)
[js]スマホでクリックイベント「onclick」の感度が悪いと感じたら「ontouchend」を使おう
コーディング スマホでクリックイベントの利用を考えた時に最初に浮かぶのがメニューでしょう。 いわゆるハンバーガーメニューというやつです。よく右上か左上にあるこ…
-
![[htmlのみ]画面幅によって表示する画像を変える方法 ~レスポンシブデザインでの画像表示~](data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20300%20200%22%3E%3C/svg%3E)
[htmlのみ]画面幅によって表示する画像を変える方法 ~レスポンシブデザインでの画像表示~
コーディング レスポンシブデザインのWEBサイトを作成時、「PCではこちらの画像、スマホではあちらの画像」と、表示を切り替えたい時ってありませんか?ありますよ…
-
![[html]iOS(iPhone)で電話番号に勝手にaタグが適用されてリンクになってしまうのを防ぐ方法](data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20300%20139%22%3E%3C/svg%3E)
[html]iOS(iPhone)で電話番号に勝手にaタグが適用されてリンクになってしまうのを防ぐ方法
コーディング ホームページ制作時、会社概要や店舗情報に電話番号やFAX番号を記載することはよくあります。 パソコンで閲覧した時は通常の文字として表示されますが…
-
![[CSS]iOS(iPhone)で見ると検索バーが勝手におしゃれになってる](data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20300%20119%22%3E%3C/svg%3E)
[CSS]iOS(iPhone)で見ると検索バーが勝手におしゃれになってる
コーディング 検索バーや送信ボタンをcssでシックなスタイルにデザインしたはずなのに、iPhoneで見ると角丸のちょっとかわいい感じのスタイルになってしまう。…
-
![[CSS]iOS(iPhone)でスクロールがガタガタする時の対処法](data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20300%20128%22%3E%3C/svg%3E)
[CSS]iOS(iPhone)でスクロールがガタガタする時の対処法
コーディング スマホ用サイトに対応したものの動作がいまいちスムーズでないと使い勝手は悪いですよね。 特にありがちなのは「メインメニューなどのスクロールが何故か…
![[Webデザイン]デバイスの“画面サイズ”でなく、実際の“表示領域”を調べる方法](https://webcreatetips.com/wp-content/uploads/2020/10/FireShot-Capture-084-Viewport-Checker-takumi0125.github.io_-300x169.jpg)
![[js]スマホでクリックイベント「onclick」の感度が悪いと感じたら「ontouchend」を使おう](https://webcreatetips.com/wp-content/uploads/2016/06/cell-phone-1163722_1280-e1466131940417-300x145.jpg)
![[htmlのみ]画面幅によって表示する画像を変える方法 ~レスポンシブデザインでの画像表示~](https://webcreatetips.com/wp-content/uploads/2016/05/beautiful-woman-300x200.jpg)
![[html]iOS(iPhone)で電話番号に勝手にaタグが適用されてリンクになってしまうのを防ぐ方法](https://webcreatetips.com/wp-content/uploads/2016/11/apple-1281744_1280-e1480079257114-300x139.jpg)
![[CSS]iOS(iPhone)で見ると検索バーが勝手におしゃれになってる](https://webcreatetips.com/wp-content/uploads/2016/05/blogger-336371_1920-e1462966979217-300x119.jpg)
![[CSS]iOS(iPhone)でスクロールがガタガタする時の対処法](https://webcreatetips.com/wp-content/uploads/2016/05/iphone-500291_1280-e1462971360749-300x128.jpg)