レスポンシブ Web デザイン
Apr
29
PC ブラウザー画面で見たカレンダー
画面を小さくするとカレンダー表示はこのようにかわります。
例えば、PSPINC が作成したフードトラックスケジュールのカレンダーは、PC とスマートフィンでは表示が自動的に変わります。一度実際に見比べてみてください。
http://ezellschicken.com/page/ezells-express-i--ii
【解説】
RWD / Responsive Web Design
Webデザインの手法の一つで、様々な種類の機器や画面サイズに単一のファイルで対応すること。
WebサイトやWebページをパソコンやスマートフォン、タブレット端末など複数の機器や画面サイズに対応させる際、内容が同じでデザインや動作をそれぞれに最適化した複数のHTMLファイルやCSSファイルを用意し、HTTPリダイレクトなどでアクセスを振り分ける手法がよく用いられる。
レスポンシブデザインではこのような対応はせず、表示された機器の種類やサイズに応じて表示内容が最適な状態に変化するよう設定された単一のファイルを制作し、すべての機器に同じように送信する。複数のファイルを用意する場合に比べ、デザインや機能の自由度は下がるが、すべての機器に同じ内容を表示でき、更新作業の簡略化や更新漏れの防止が期待できる。検索エンジンやアクセス解析に内容が重複した複数の異なるURLが出現することも避けられる。
引用： http://e-words.jp/w/レスポンシブデザイン.html
Share
星千鶴 
TJM 
田中 久史 
アメリカ在住ライター／猪股るー 
にしもく合同会社 
スター労務 
cartman 
gotohealth 
高梨 竜 
ペガサス