レスポンシブWebデザイン（レスポンシブ・ウェブデザイン） - ぺーぺーSEのブログ
レスポンシブWebデザイン（レスポンシブ・ウェブデザイン）とは、デバイスごとに複数のデザインを用意するのではなく、ブラウザのウィンドウサイズに合わせてデザインをフレキシブルに調整する制作手法。 レスポンシブWebデザインを構成する3つの要素技術 フルードグリッド（Fluid Grid） Webページの要素を罫線や升目に沿って配置する「グリッドデザイン（Grid Design）」と、ブラウザーの横幅が変わってもレイアウトを維持したまま要素のサイズを調整する「フルードデザイン（Fluid Design）」を合わせたもの。 レスポンシブWebデザインでは、最初にグリッドデザインによって部品や表示領域をpx単位で配置していき、レイアウトが整った後に、値を％に変換してフルードデザインに変更する。 フルードイメージ（Fluid Image）／Flexible Images レイアウトの大きさに追随して
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Starbucks React Pattern Library
レスポンシブWebデザイン ワークフロー
Responsive Web Design JP（日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイト）
