レスポンシブ・ウェブデザインのみを集めた 「mediaqueri.es」

以前 「Responsive Web Design のウェブサイトを集めてみた。」をしたところ非常に人気がありました。そこで、レスポンシブ・ウェブデザインのみを集めた「mediaqueri.es」をご紹介します。かなりの数のレスポンシブ・ウェブデザインが掲載されていますので参考にしてみてください。ウェブサイトそれぞれでデザインが違うので勉強になります。

中には、あきらかに「モバイルファースト」の理論で作られているウェブサイトもありますので、その部分でも参考になるでしょう。

Media Queryとは

Media Query（メディア・クエリ）とは、W3CによってCSS2でメディアの種類によってスタイルシートをきめることができた技術。CSS3からは、CSS2のメディアの種類のみならず、機器の横幅や解像度などでもスタイルシートを変更することができる。

Resposive Web Design （レスポンシブ・ウェブデザイン）とは

米国のWeb デザイナー　Ethan Marcotte によって唱えられた 「Fluid Grid」と「Flexible image」を用いられたデザイン手法。これまでのデバイス向けにデザインを振り分ける手法とは異なり、解像度を軸としてデザインを振り分ける。彼が A List Apart に寄稿した記事の日本語訳もあります。

http://mediaqueri.es/