アドリビングスタッフブログ

可変グリッドレイアウト「レスポンシブWebデザイン」

2012.08.22

たれながし

スマートフォンなどでウェブサイトを訪れたとき
パソコン用の画面が立ち上がってしまい
非常に見にくい思いをよくされると思います。

各デバイス毎にサイトが用意されていれば問題は起こりませんが
とても手間とコストがかかってしまいます。

悩んでいた所、さまざまなデバイスからのアクセスを
ひとつのサイトで対応する方法を発見!
それが「レスポンシブWebデザイン」

具体的には、すべてのデバイスに単一のURLで同じHTMLを提供し
見映えを指示するソースの部分(CSS)のみを使って
デバイスごとにデザインを変更するという事。

といってもよくわからないので、百聞は一見にしかず。
こちらのサイトを参考にしてください。
NHKスタジオパーク

欧米では既にこの方法が幅広く取り入れられており
また最近ではグーグルもこの方法を推奨しています。

とても便利なので、ぜひ取り入れていきたい手法ですね

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

カテゴリー

カレンダー

2012年8月
« 7月   9月 »
 12345
6789101112
13141516171819
20212223242526
2728293031  

ホームものづくりについて制作事例グラフィック ウェブ その他 ) │ 社内風景会社案内採用情報お問い合わせ
informationスタッフブログサイトマッププライバシーポリシー