[フレーム]
はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできます コメント表示の設定

ブックマークしました

ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

547users がブックマーク コメント 33

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

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

547 users zenn.dev/tak_dcxi

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

はてなブックマーク

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページ

記事へのコメント33

  • 注目コメント
  • 新着コメント
takaya1992
"ブレイクポイントは特定のデバイスの画面サイズを基準にしない" これめっちゃ同意

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

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

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

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

その他
Saint-Exupery
スポンジボブに見えた

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

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

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

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

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

2021年02月17日 リンク

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

2021年02月17日 リンク

その他
moods007
参考

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

その他
Sutekase
スポンジボブ?

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

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

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

2021年02月16日 リンク

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

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

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

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

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

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

2021年02月16日 リンク

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

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

その他
tasukuchan
"が"

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

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

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

その他
Saint-Exupery
Saint-Exupery スポンジボブに見えた

2021年02月16日 リンク

その他
ifttt
解像度125%がデフォなのほんクソだよな......

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

2021年02月16日 リンク

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

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

その他
circled
つ tailwindcss

その他
fa11enprince
ぎええ、フロント周りは大変。゚(゚ ́ω`゚)゚。

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

2021年02月16日 リンク

その他

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー
アプリのスクリーンショット
いまの話題をアプリでチェック!
  • バナー広告なし
  • ミュート機能あり
  • ダークモード搭載
アプリをダウンロード

関連記事

usersに達しました!

さんが1番目にブックマークした記事「俺流レスポンシブ...」が注目されています。

気持ちをシェアしよう

ツイートする

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

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

ブックマークしたユーザー

  • himabato2024年12月27日 himabato
  • pc-bohemian2024年07月18日 pc-bohemian
  • hachiware0092024年03月11日 hachiware009
  • katsukiniwa2023年11月05日 katsukiniwa
  • techtech05212023年05月03日 techtech0521
  • joltkun2023年02月18日 joltkun
  • m0t0m0t02022年10月06日 m0t0m0t0
  • igz02022年06月10日 igz0
  • wdscratch2022年03月25日 wdscratch
  • rhcp55122022年02月04日 rhcp5512
  • puzzeljp2021年12月07日 puzzeljp
  • kazumich2021年12月07日 kazumich
  • ish1r0k12021年12月05日 ish1r0k1
  • ponnao2021年11月15日 ponnao
  • pmint2021年09月25日 pmint
  • beiru2021年09月23日 beiru
  • taxytaxy2021年09月18日 taxytaxy
  • usako11242021年09月06日 usako1124
すべてのユーザーの
詳細を表示します

ブックマークしたすべてのユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

同時期にブックマークされた記事

いま人気の記事 - 企業メディア

企業メディアをもっと読む

はてなブックマーク

公式Twitter

はてなのサービス

Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しましたx

AltStyle によって変換されたページ (->オリジナル) /