レスポンシブWebデザイン(Responsive Web Design)とは、PC、iPadなどのタブレット、iPhoneなどのスマートフォンに最適化したWebサイトの制作手法で、単一のHTMLとCSSを書き分けてレイアウトを変更することでデバイスごとにサイトを作りなおすことなくWebサイトを制作することができる。 こんな感じでサイトのイメージを保ちつつ、CSSをかき分けてレイアウトを変更するだけで様々な画面サイズのデバイスに対応できる。レスポンシブWebデザインのお勉強はこちら、問題点についてはこちらにて参考にしてもらい、今回は、レスポンシブWebデザイン制作に便利なChromeのエクステンションの紹介。レスポンシブWebデザイン制作時は、これまではブラウザの画面を拡大縮小とかでその見た目を変更して確認していたのだが、Chromeのエクステンションを使うとクリックだけで画面サイズを変更で