レスポンシブデザインって何?(RWD, Responsive Web Design)

シェアする

  • このエントリーをはてなブックマークに追加

レスポンシブデザインって知っていますか?

 

レスポンシブデザインは、次のように表記されることもあります。

  • レスポンシブWebデザイン
  • RWD
  • Responsive Web Design

 

スポンサードリンク

レスポンシブデザインとは?

レスポンシブデザインとは一つのWEBページのデザインで様々なデバイスに対応することです。

2013年頃から、WEBページを制作する上で流行となっていることです。

 

iphone

 

tablet

 

pc

 

2009年以前のスマホが流行る以前は、WindowsのIEにさえ対応しておけばほとんどのWEBページはそれで運用上問題ありませんでした。

他の端末やブラウザを使うケースは稀だったからです。

この辺りの時代による変遷は以下をご覧ください。

 

pichart
どのような世界にも栄枯盛衰はあります。特にパソコン業界は動きの激しい業界です。日々新しい企業が生まれては消えていきます。動きを止めたり、道を間違えるとすぐに衰退...

 

現在は、iPhone/iPad/Androidを始め、解像度も様々で多種の端末とIE以外にSafari/Firefox/Chromeのシェアもそこそこあるために多種のブラウザに対応する必要があります。

そこでCSSを使って、多種の端末、ブラウザに対応するレスポンシブデザインが主流になっています。

 

スポンサードリンク

レスポンシブデザインの簡単な実装方法

私が使っているこのページの場合、CSSの中で

@media screen and (max-width: 400px) {

のような記述がありますが、表示されているサイズにより表現する方法を制御しているようです。

レスポンシブデザインは今後もWEBページの標準になっていくと思われます。

 

とは言え、最近のWordPressのテーマは全部、レスポンシブ対応になっているようなのでほとんどの場合、ユーザーが意識する必要はないようです。

意識する必要があるのは、開発者ですね。

 

最後まで読んでいただきありがとうござました。
この記事が気に入っていただけたらシェアしてくれると嬉しいです。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です