レスポンシブwebデザインからグリッドデザインまでよく使われているwebデザインのレイアウト用語をまとめました。 レスポンシブwebデザイン エラスティックレイアウト リキッドレイアウト フレキシブルレイアウト 固定幅レイアウト グリッドレイアウト 可変グリッドレイアウト レスポンシブwebデザイン(Responsive Web Design) PCやスマートフォン、タブレット事に複数のデザインを制作するのではなく、 ディスプレイの幅に合わせてデザインを最適化する方法。 CSS3のMedia Queriesを利用してディスプレイサイズに応じてデザインを変更します。 メリット 一つのソースで複数デバイスに対応できるのでメンテナンスが容易です。 また今後デバイスの種類が増えてもそれに対応できます。 それぞれのデバイスに合わせた形で調整できるのでユーザーエクスペリエンスも高くなります。 デメリッ
![Web制作者は知っておきたいwebサイトのレイアウト7選 │ Design Spice](https://cdn-ak-scissors.b.st-hatena.com/image/square/c2c97de512f2a8f5fc25ed92cf6bc9e8c7abca5a/height=288;version=1;width=512/https%3A%2F%2Fdesign-spice.com%2Fwp%2Fwp-content%2Fuploads%2F2011%2F08%2Ftn_web-layout7.jpg)