10 picks

レスポンシブデザインのブレイクポイントの正解はこれだった[2019最新版] - webのあれこれ

hashimotosan.hatenablog.jp

PDFはこちらからどうぞ[500KB] 2019年Pixel 3aやGalaxy S10など一通り新機種が発表されたので、2019年改めてブレイクポイントについて考えてみました(3年ぶり!)。 3年経ってほとんどのサイトがレスポンシブデザインになって、ブレイクポイントを少なく効率よく設定していく方向になっているのだと思います 前回、ブレイクポイントの設定はフレイムワークも参考に考えていましたが、改めて考えてみると、モバイルファーストの観点からも640px/1024pxではないのではないかと感じました。 以下が3年前の前回の記事です。 hashimotosan.hatenablog.jp いくつ…

続きを読む
島田 恭輔

フリーランスエンジニア

14日前
ありがたいです泣
サイト制作のレスポンシブ対応は意外と面倒。。
ブレークポイントは「なんとなく」って感じだったので、これからは「560px / 960px」ですね。ありがとうございます。
清水 風音

AnyPicks代表

14日前
スマホ 320〜559px
タブレット 560〜959px
PC 960px以上

今後はこれベースで設計すると良さそうですね。
MIITON

14日前
Pickしました
Naruse Ryo

AnyPicksで諸々開発してます。

14日前
Pickしました
tom__0024

13日前
Pickしました
Pickしました
kagi_jtms

13日前
Pickしました
Yamaji Nobuaki

Monoposのサーバーサイド/アプリエンジニア

12日前
Pickしました
Pickしました
Pickしました

会員登録すると、もっと便利に利用できます。

  • 1.

    新着ニュースをカスタマイズできます
    好きなニュースフィードをフォローすると、新着ニュースが受け取れます。
  • 2.

    ニュースフィードをおすすめします
    ピックした記事から、自動でニュースフィードをおすすめします。

新着ピック  






















記事をPICKする
ログイン
会員登録
Register
記事をPICKする

会員登録すると、もっと便利に利用できます。