メディアクエリのギャラリーサイト[Media Queries]


メディアクエリのギャラリーサイトです。
4画面のスクリーンショットがあり、どのようにレイアウトが変化するかがよくわかります。
Media Queries

昨今のwebでは多様なデバイスへの対応を求められています。
1つのHTMLで様々なデバイスへ対応させるCSS3のMedia Queriesは今後のWeb製作者の必須技術になってきそうです。
ディスプレイサイズにコンテンツを綺麗に配置する見た目の部分だけでなく、ユーザの状況(ロケーション、デバイスの向きetc..)をイメージしその状況ごとでのコンテンツのプライオリティーを考えながら情報を整理していくことが大切になってきそうです。

[CSS]スマフォ対応サイトのためにMedia Queriesをしっかり身につけるチュートリアル
CSS3のメディアクエリについて詳しく説明されています。
Media Queries
メディアクエリのギャラリーサイトです。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です