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

パソコン、スマートフォン（スマホ）、パッド（iPadやNexus7等のAndroid端末）を　１つのホームページで表示しようと言うのが　「レスポンシブWebデザイン」(Responsiv Web design)です。
（先日　このブログにも「レスポンシブなグリッドシステム」として書きました）

下記写真のように、レスポンシブなグリッド・システムを使うと、各画面の大きさによって　サイトの雰囲気を損なわないように、写真やバナーの大きさや　配置が可変します。新しい画面サイズのものが登場しても　このままで対応可能です。

レスシポンシブ・グリッド・システム

上記は　下の本に載っていたサイト製作例です。

レスポンシブWebブデザイン

レスポンシブWebデザイン 制作の実践的ワークフローとテクニック

下記は　この本の著者が作成した　レスポンシブなサイトです。ウィンドウのサイズを換えると、対応して写真の大きさや配置が　変化します。
テンプル大学のサイト

この書籍の内容に従って　弊生地屋のホームページを、CakePHPのフレームワークで　レスポンシブなWebデザインで　構築しようと　今勉強しています。

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