レスポンシブ– category –

レスポンシブ対応を始めようと思ったとき、 「何から設定すればいいの？」「いろいろあってよく分からない…」 と迷う方はとても多いです。 そこでこの記事では、初心者の方がまず設定しておくべきレスポンシブ対応の基本を、わかりやすくまとめました。 レ...

ホームページをスマホ対応しようと調べていると、 「スマホ対応」「レスポンシブ対応」 という言葉が出てきて、「これって何が違うの？」と迷う方はとても多いです。 そこでこの記事では、初心者の方でもすぐ理解できるように、スマホ対応とレスポンシブの...

スマホでホームページを見たときに、左右にスライドできてしまうことはありませんか？ この横スクロールが出ている状態は、レイアウトが画面幅をはみ出しているサインです。これは見づらくなるだけでなく、ユーザーの離脱にもつながりやすくなります。 そ...

「パソコンでは読みやすい文字サイズなのに、スマホで見るととても小さく表示されてしまう。」 このような悩みを持っている方はとても多いです。 実際に、文字が小さいホームページは、読みにくく離脱されやすくなります。 そこで、この記事では、スマホで...

レスポンシブ対応をしようと思ったとき、 「CSSって何を書けばいいの？」「いろいろあって難しそう…」 と感じる方はとても多いです。 そこで、この記事では、初心者の方でもすぐ使えるレスポンシブCSSの基本設定をわかりやすくまとめました。 よく使う基本...

パソコンでは問題なく表示されている表（テーブル）が、スマホで見ると画面からはみ出してしまうことはとても多いです。 実際に、横スクロールが出てしまい、読みにくくなってしまうケースも少なくありません。 そこで、この記事では、スマホで表が崩れる...

パソコンではきれいに表示されているのに、スマホで見ると画像が大きすぎたり、途中で切れてしまったりすることはよくあります。 実際に、画像が原因で横スクロールが出てしまうケースも少なくありません。 そこで、この記事では、スマホで画像が崩れる原...

レスポンシブ対応をしようと思ったとき、 「ブレークポイントはどこに設定すればいいの？」 と悩む方はとても多いです。 実際に、ネットで調べると、 ・600px・768px・1024px など、いろいろな数字が出てきて余計に迷ってしまいますよね。 そこで、この記...

ホームページを作ったあと、 「ちゃんとスマホ対応できているのか不安…」 と感じたことはありませんか？ パソコンではきれいに見えていても、スマホで見ると文字が小さかったり、横スクロールが出ていたりするケースはとても多いです。 そこで、この記事で...

「パソコンではキレイに表示されているのに、　スマホで見るとレイアウトが崩れてしまう。」 このような悩みを持っている方はとても多いです。 でも、スマホでのレイアウト崩れは、よくある原因さえ知っていればほとんど簡単に直せます。 そこで、この記事...

「レスポンスデザインの作り方が知りたい」や「レスポンスデザインを実現するためのHTMLとCSSはどうやって書けばよいんだろう」と悩んでいませんか？ ここでは、レスポンスデザインを作るためのHTMLとCSSの書き方を、初心者向けにご説明します。 訪問者の...

「レスポンシブデザインってなんだろう？」や「レスポンシブデザインはどうやって実現するのかな」と悩んでいませんか？ ここでは、レスポンシブデザインの意味や実現方法を、初心者向けに分かりやすく解説します。 スマホでホームページを見る人が増えた...