「とりあえずJavaScriptとレスポンシブWebデザインは使えるようになった方がいい」なと思い、レスポンシブWebデザインに対応した架空のサイトを1から制作してみました。その時の作業メモ+作りながら思ったことを、記事として残しておきたいと思います。 作ったサイト 札幌すずき整形外科(実在しない病院です) とある病院(整形外科)から『出先でも見られるようにスマートフォンに対応したサイトを制作して欲しい』という依頼を受けたという設定で作ることにしました。 構成を考える 患者さんが出先で検索した時=病院にかかりたい時だと想定して、「診療時間・曜日」「住所」が一番に知りたい場所だと考え、それらの情報を極力上の方にまとめる事にしました。 PCで見た時もそれらの情報は優先して見せたいと考え、それぞれの端末で見た時のワイヤーフレームを作ります。レイアウトはスマートフォン・PCの2パターンで考えていき