[CSS]たった一行のスタイルシートでグリッドレイアウトを実装するフレームワーク
たった一行のスタイルシートでグリッドレイアウトを実装するフレームワークをCarrer web logから紹介します。
1 line CSS Grid Framework
demo 3
一行って異常に長いのかなと思いましたが、そんなに長くなく、この発想はちょっとなかったです。
幅は50%の設計のため、2, 4, 8, 16pxなどのように倍々になります。
そのため、グリッドの主なパターンは下記のようになります。
黄金比でもできるかな、一行では無理か、、、
Post on:2009年6月3日
Comments
コモドドラゴン
on 2009年6月3日
これはどういうものですか？
もう少し具体的に説明していただけると嬉しいです。
使い方も、CSSに加えるというのは読み取れたのですが、htmlの方にはどんなふうにしたらいいのでしょうか？
コリス
on 2009年6月3日
> コモドドラゴン さん
デモにあるように、divで配置したパネルにサイズや配置を指定したものです。
使い方は、そのdivのclassに「dp50」を指定します。
その指定を簡単に説明すると、パネルの横幅を全幅の50%にして左詰めで並べる、となります。
wat
on 2009年6月8日
黄金比でできそうですか？
コリス
on 2009年6月8日
> wat さん
うーん、無理そうですね。