スマートフォンやタブレットが進み、PCサイトだけ制作すればよかった頃とは様子も変わってきました。それに伴い普及してきたレスポンシブWebデザイン。PC/タブレット/スマホなどのデバイスへの対応をワンソースで実現できる優れものですが、敷居が高そうだと思っていませんか? 今日はそんなレスポンシブアレルギーを持つ方へ、レスポンシブサイトの簡単な仕組み解説をお届けします! by hibikiYzk レスポンシブWebデザインは魔法じゃない! 例えばPC閲覧時に表示されていたバナーやメニューがスマホ閲覧時だと表示されなくなったり、全く違う形のコンテンツに変化していたりと何かとトリッキーな動きをしがちなレスポンシブWebデザイン。 そんな魔法のような事を実現させるには何かとんでもなく難しい技術を使っているんじゃないの!? そう思われる方もいらっしゃるかもしれません。 見た目が派手なので魔法の様に見えま
![レスポンシブWebデザインを実現する3つの技術を簡単解説 #HTML5 #CSS|CodeIQ MAGAZINE](https://cdn-ak-scissors.b.st-hatena.com/image/square/f7095f09acd680481ed9878a2e240f22f0d297a4/height=288;version=1;width=512/https%3A%2F%2Fciq-prod-magazine-resources.s3-ap-northeast-1.amazonaws.com%2Fmagazine%2Fwp-content%2Fuploads%2F2014%2F03%2FIMG6a.jpg)