レスポンシブデザイン

可変レイアウト+固定レイアウトによるレスポンシブWEBデザイン

引き続き「スマートフォンサイトのためのHTML+CSS3(エ・ビスコム・テック・ラボ著)」に沿って習作です。 Chapter2のサンプルC、可変レイアウト+固定レイアウトによるレスポンシブWEBデザインを作りました。 htmlはhtml5式で書いています。Lサイズ画面 M…

レスポンシブデザイン(可変レイアウト)で作るWEB

「スマートフォンサイトのためのHTML+CSS3(エ・ビスコム・テック・ラボ著)」に沿って習作しました Chapter2可変レイアウトによるレスポンシブWEBデザインhtml5+CSS3で可能になる表現 フォントにGoogle Web Fontが使える→英文フォントは使える幅が広がる met…

レスポンシブデザイン(固定レイアウト)で作るWEB

「スマートフォンサイトのためのHTML+CSS3(エ・ビスコム・テック・ラボ著)」に沿って習作しました Chapter2固定レイアウトによるレスポンシブWEBデザイン htmlからhtml5に書き換えにチャレンジしました。 div id="header"をheaderに書き換えた後、CSS側の#h…

レスポンシブデザインで作るWEB

レスポンシブデザインが登場した理由それはandroidの登場。あまりにも端末種類が多すぎるので、全てに対応するように分岐を書くことが不可能になったから。レスポンシブに取り組む際のポイントプロトタイプを作ること。 使いまわしできる「プロトタイプ」を…