レスポンシブウェブデザインのサイト集めました。

スクリーンショット 2014-11-15 17.22.08

クオリティの高い国内のレスポンシブデザインされたサイトを集めたサイトを見つけました。
http://responsive-jp.com/

PC、タブレット、スマホ画面のプレビューが掲載されており、見ているだけでも参考になります。
また、メニュー構造や、レイアウトの再配置に悩む事があれば、参考にしてみるのもいいかもしれません。

 

レスポンシブデザイン【 responsive design 】 レスポンシブWebデザイン

ウェブデザインの手法の一つで、様々な種類の機器や画面サイズに単一のファイルで対応するデザイン。

WebサイトやWebページをパソコンやスマートフォン、タブレット端末など複数の機器や画面サイズに対応させる際、内容が同じでデザインや動作をそれぞれに最適化した複数のHTMLファイルやCSSファイルを用意し、HTTPリダイレクトなどでアクセスを振り分ける手法がよく用いられる。

レスポンシブデザインではこのような対応はせず、表示された機器の種類やサイズに応じて表示内容が最適な状態に変化するよう設定された単一のファイルを制作し、すべての機器に同じように送信する。複数のファイルを用意する場合に比べ、デザインや機能の自由度は下がるが、すべての機器に同じ内容を表示でき、更新作業の簡略化や更新漏れの防止が期待できる。検索エンジンやアクセス解析に内容が重複した複数の異なるURLが出現することも避けられる。
<IT用語辞典より>

ABOUTこの記事をかいた人

GeoDesign

ホームページは、情報収集が得意なメディアです。 集めたデータを活用することで、ホームページの改善だけではなく、リアルマーケティングや、新商品開発に発展するまでにできるのです。
  • 成果の見えるホームページを運用したい。
  • デジタルマーケッターになれる広報担当者を育成したい。
  • 自社メディアでブランド力の強化と、顧客創造を図りたい。
こんな欲求をかかえるあなた。
  • どうしたらウェブサイトから成果が上がるのかわからない
  • 簡単に運用できるシステム、時間ロス・コストロスを減らしたい
こんな悩みをかかえるあなた。 私達にその欲求や悩みを改善するお手伝いを任せてみませんか?