「可変グリッドレイアウト」機能の使い方

Dreamweaver CS6には「可変グリッドレイアウト」という新機能が追加されました。この機能を使えば、以下に示すような要件を満たすサイトを簡単に作成できます。

  • 1ソースで、スマートフォン/タブレット/デスクトップなど、様々なスクリーンサイズに対応する。
  • 要素をグリッド上に配置することで、コンテンツが美しく整列して見える。

どちらも近年流行しているWebデザインテクニックであり、前者は「レスポンシブWebデザイン」、後者は「グリッドレイアウト」と呼ばれています。(下記サイトより引用)

「可変グリッドレイアウト」機能の使い方
http://www.adobe.com/jp/devnet/dreamweaver/articles/dwcs6_fluid_grid_layout.html

可変グリッドレイアウトなWebデザイン集めてみました
http://www.webopixel.net/web-design/238.html