[CSS]格子をベースにコンテナを配置するレイアウトのアイデア
Post on:2009年3月16日
格子をベースにコンテナを配置するレイアウトのアイデアをSNOOK.caから紹介します。
※現在、実装できるテクニックではありません。
![デモのキャプチャ](/wp-content/uploads-2009/2009031603.gif)
簡単に説明すると、格子状にしたマス目に座標ベースで配置するというものです。
下記の例では、2x3のマス目に配置しています。
1 2 3 4 5 |
<textarea name="code" class="css" cols="60" rows="5"> #a { position: matrix(1,1); } #b { position: matrix(2,2); } #c { position: matrix(1,3); } </textarea> |
![デモのキャプチャ](/wp-content/uploads-2009/2009031604.png)
ぱっと見、テーブルレイアウトの延長のようにも感じるのですが、縦横方向への可変や、コンテナを重ねて配置するなど、ちょっと興味深いものに感じました。
sponsors