5分で分かるレスポンシブWebデザイン

レスポンシブWebデザインとは単一のHTMLでスマートフォン、タブレットといった画面サイズが異なるデバイスへ対応できるWebサイト制作手法をいう。2010年に誕生し、今も進化をしている。言葉だけを引用するとレスポンシブとは“反応／変化”なので、それに環境に応じて変化するWebと広く理解する方もいるかもしれないが、基本的にはグリッドシステム、フルードイメージ、メディアクエリを利用してマルチデバイスに対応させる手法がレスポンシブWebデザインだ。 欧米でも2012年にはリニューアルとともにレスポンシブWebデザインをする大企業のサイトも続々とローンチされている。世界的に有名なオンライン・メディア「Mashable」でも、ポストデスクトップ時代の終わりとモバイル時代の幕開けを理由の1つとしてレスポンシブWebデザインが2013年のメガトレンドと予想している。

[tvsk]

レスポンシブWebデザインの概要とトレンドが分かる導入記事.

[entranslope]

メモ。「メディアクエリ」「フルードグリッド」「フルードイメージ」…

[deep_one]

「CSS3のメディアクエリを利用して、デバイスの幅を検知」 メディアクエリが肝か。

[tanakaBox]

歴史とか。

[webmugi]

「デバイスごとの振り分けに限界が来てる」というところがミソかな。

[chalcedony_htn]

「振り分け」の限界

[warriorking]

5分で分かる製作現場（2）：5分で分かるレスポンシブWebデザイン (1/5) - ＠IT

[kana321]

流行りのレスポンシブWebデザインを、いくつかのカテゴリに分けて説明する。スマートフォン向けサイト制作を学びたいという方も必読だ。

[plasma0713]

自分のブログにも取り入れたいんで勉強中です。

[Leonk]

web デザイン レスポンシブ

[lizy]

あまり自動的にデザインというかレイアウトが変わって欲しくないんだけど、きっとそういう意見は少数派なんでしょうね

[typista]

ぽけったー 5分で分かるレスポンシブWebデザイン

[tan70]

http://www.atmarkit.co.jp/ait/articles/1301/28/news068.html

[kakku22]

>基本的にはグリッドシステム、フルードイメージ、メディアクエリを利用してマルチデバイスに対応させる手法がレスポンシブWebデザインだ。