レスポンシブWebデザインは、「フルードグリッド(Fluid Grid)」「フルードイメージ(Fluid Image)」「メディアクエリー(Media Query)」の3つの技術的な要素で構成されます。 フルードグリッド フルードグリッドは、Webページの要素を罫線や升目に沿って ...
レスポンシブWebデザインを作る3つのステップ レスポンシブWebデザインでは、次のような3つのステップで制作する。 ピクセル単位でデザインしてパーセント単位に変換 画像サイズを指定する(Fluid Image) respond.js の読み込み CSS3で新たに定義されたメディア ...
ヤフー出身エンジニアが教える、初心者向けレスポンシブWebデザイン講座。今回は、メディアクエリで使用する「メディアタイプ」の意味と活用方法をわかりやすく解説します。 #レスポンシブデザイン #HTML #CSS #Web開発 #初心者向け講座 More for You 「利用さ ...