読者です 読者をやめる 読者になる 読者になる

レスポンシブWebデザイン

スマートフォンタブレットといったモバイルデバイスが普及し、PC用に作ったWebページでは閲覧しにくいという問題が出てきたため、1段組みをベースとしたシンプルなWebページが増えてきている。画面のサイズに応じてデザインやレイアウトを切り替えて最適な形で表示する「レスポンシブWebデザイン」が一般的になっているみたいだ。早速、どんなものか確認してみる。

(例)ナビゲーションメニュー

トップページ。
f:id:masawan-guitar:20160904210207p:plain

ブラウザの横幅を小さくしていくと、右上のメニュー箇所が変化しました。
f:id:masawan-guitar:20160904211535p:plain

右上のメニューを押下するとナビゲーションメニューが表示される。
f:id:masawan-guitar:20160904212552p:plain

広告を非表示にする