レスポンシブデザインのサイトをコーディングする際のhtmlのソースに関して

Question

レスポンシブサイトコーディングしてるのですが、
PCとスマホのデザイン（グロナビなど）が違う箇所があり、こういう場合、PC用のhtmlソースとSP用のhtmlソースの2つを書いてメディアクエリで表示非表示を切り替えるように対応させるのは一般的にアリでしょうか？

Answer 1

十分あり。

馬鹿でかい画像ファイルがどかどか乗ったHTMLをdisplay: noneで出し分けても、
内部的にはDLしているので意味がありません。

レスポンシブデザインを取り入れる際はモバイルファーストが大前提です。
さっぱりしたサイトであれというわけですね。

---

しかし、顧客の都合もありますので実際問題モバイルファーストを貫く事は困難でしょう。
…つまり日本のWebサイトによくある2〜3カラムで、
コンテンツがぎゅうぎゅう詰めになっているものとは共存出来ないですよね。

通信速度に限りのあるスマホの為に、
必要最小限のコンテンツだけを乗せたHTMLを返すのは立派なユーザー目線でのサービスです。

Comments

[hiro421]

ご回答ありがとうございます！
参考にさせていただきます！