The 1Kb CSS Grid by Tyler Tate :: A simple, lightweight approach

複雑なCSSレイアウトをウェブ上で簡単に作成できる「The 1Kb CSS Grid」



列数、列の幅、グリッド間の感覚を指定して「DOWNLOAD」ボタンを押すと、HTMLとCSSがセットになったアーカイブがダウンロードできます。
開いてみると、次のようなレイアウトの基本になるようなHTMLが手に入ります。



CSSフレームワークを使っているものですが、ウェブ上でパラメータ調節できて簡単にジェネレートできるのはいいですね。

関連エントリ

• CSSレイアウトのチート集「CSS Layout Cheats」
• 複雑なCSSレイアウトもサクッと実装できるCSSフレームワーク「emastic」
• フリーで使えるCSSレイアウトのテンプレート配布サイト
• 42個のフリーCSSレイアウト-サンプル集「Free Faux Column CSS Layouts」