こんにちは！ 生地通販の生地屋店長です。

iPhoneのようなスマートフォン、iPadのようなパッド、パソコンの３つのタイプの画面に、１つのサイトで対応しようと言うのが　「レスポンシブWebデザイン」(Responsiv Web design)です。

（近い将来登場するであろう　スマートフォン　パッド　パソコン以外の、画面サイズにも　対応できます）

その中でも　フレキシブル（レスポンシブ）なグリッド・システムを採用した下記サイトは、ウィンドウの幅を変えると　それにつれて欄（グリッド）の並び方　大きさが可変します。（つまり　いろいろなサイズの画面でも　閲覧できると言う事です）
テンプル大学のサイト

いろいろ調べたり　本を２～３冊読んだりしたのですが、どうも下記の本の方法が　良さそうです。（筆者は　いくつものレスポンシブなサイトを　実際に構築された方のようです）
レスポンシブWebデザイン　製作と実践的ワークフローとテクニック

前２／３ほどは　レスポンシブWebデザインの概念や考え方、製作のやりかたなどです。（これらも非常に参考になります）　「第６章レスポンシブWebデザインサイトを構築する」から　実際の製作になります。

これでサイトを構築していこうかと思ってます。（テンプレート（雛型）を使うので　フレキシブル・グリッド・システムが　比較的簡単に作れそうでした）　このような先進的な本にありがちな　理論だけ先行して　実際に構築してみると、レスポンスが非常に遅かったり　かゆいところに手が届かない等の　不具合はなさそうですが、これから検証してみます。

感想や　ご意見　質問等ございましたら、下の「Leave a reply」or「Reply」（空色のリンク）をクリックするか、黒字の「コメントを残す」の下の四角の空欄に書き込めます。お気軽にお書き込みくださいませ、お待ちしております。