俺流レスポンシブコーディング

俺流レスポンシブコーディングの覚書。「人には人のレスポンシブ」があるのでこれが正解だってわけではないのですが、レスポンシブコーディングで悩んでいる人にとって参考になる記事になってくれたら嬉しいです。 ブレイクポイントは特定のデバイスの画面サイズを基準にしない 以前アンケートを取った時にデバイスのサイズを意識して決める人が半数以上を占めていた。 アンケート結果を抜きにしても「2021 年のブレイクポイント決定版はこれだ！」的な記事がバズっているのを定期的に目撃し、主流のデバイスのサイズを比較するアプローチがほとんどであるが、僕はデバイスの端末のサイズを基準にブレイクポイントを決めることには否定的である。 主流のデバイスのサイズなんてものは時間が経てば変化する。 昨年 iPhone 12 が発表された時に従来の画面サイズとは違うバリエーションになることが分かるやいなやタイムラインが慌てふためい

[takaya1992]

“ブレイクポイントは特定のデバイスの画面サイズを基準にしない” これめっちゃ同意

[ultimatebreak]

ワンソースでどうやっても無理なデザイン出してくるやつとIEで幅縮めたら崩れます！とか言ってくるやつ嫌い。お前らレスポンシブってなんなのか勉強してこい

[n_231]

「どんな画面サイズでもいい感じに表示する」程度のことをレスポンシブとか呼び始めた奴はアホだろと思わなくもない

[mr-csce]

別に本名で活動しつつ所属企業隠しても一部上場って匂わせしても何でも良くない？（スターがいっぱいついてたからダメだろって思ってる人が多いのかな？って）

[i5s4y]

ここらへん、オレオレでやっても他人と共有できなくて苦しいだけなので何もかもBootstrapに準ずるのが正解だと思っています。

[Saint-Exupery]

スポンジボブに見えた

[efcl]

レスポンシブデザインにおけるbreak point周りの話。一定サイズより小さい場合は固定してしまう、transition: allはbreak point周りでおかしくなるので、明示的にプロパティを指定するという

[suitend]

一つの参考基準としてわかりやすい良記事

[pmint]

上書きを減らそうとしてない点であまり強くない方法。"ブレイクポイントを跨いだ時"ってなんだ…考えすぎておかしくなってる。

[rlho]

なるほどな〜！“レスポンシブデザインにおいてはビューポートが狭ければ狭くなるほど画面構成がシンプルになる場合が多い。 最小のビューポートを基準とし、順に画面を広げて設計したほうが継承を促しつつ最小限の

[moods007]

参考

[o_hiroyuki]

@media not で否定できるのは知らなかった

[Sutekase]

スポンジボブ？

[neergius]

スマホやタブレットが普及してからのコーダーは大変やな…

[k3akinori]

モバイルファースト推奨する人って、tableの処理どうやってるんだろう？あれはモバイルファーストとの相性はかなり悪いんだけど。

[inoueyuworks]

良い感じのレスポンシブの設計方針

[qinmu]

《レスポンシブで画像を切り替える場合は picture 要素を使う》

[kazuau]

ブレイクポイントは、デバッグのためにプログラムを中断させる箇所としての用法を先行例として主張するものである

[Dragoonriders]

OSサポが外れたところで即買い換える人が多いとは限らないしセキュリティアップデートは来るよ。SEの4インチは壊れるまで使う人多いと思うし。枠合わせだけで文字サイズ調整しないのは見づらいと思う（小並感）

[field_combat]

minとmaxの間ってあり得るんか

[yuki_2021]

レスポンシブデザインのブレイクポイントの話。

[t0ng]

レスポンシブ指向な書き方かと思ったら、レスポンシブ機能のコードの説明か

[spark7]

動的にviewport書き換えると上手くいかないことが多い気がする。そもそもそんな手間かからんだろ。「実装コストの割にリターンが小さいため 360px 未満」

[tasukuchan]

“が”

[Falky]

メディアクエリがスケーリングでバグるのあるよなーわかる…。

[yarumato]

“ブレイクポイント。流行りの端末に左右される設計は致命的。モバイルファースト(min-width)で書く。ブレイクポイントを跨いで共通化が難しそうな場合は無理に 1 ソースにまとめる必要はない”

[fai_fx]

780pxと781pxの間に来るような解像度で最近ハマった…

[ifttt]

解像度125%がデフォなのほんクソだよな……

[mayumayu_nimolove]

どうでもいいけどqiitaとzenn仲良くして知識統一してほしい

[berlysia]

ブレークポイントの決め方、境界値、transitionは個別にプロパティを指定するとよい、など

[circled]

つ tailwindcss

[fa11enprince]

ぎええ、フロント周りは大変｡ﾟ(ﾟ´ω`ﾟ)ﾟ｡