WYSIWYGでCSSレイアウトを超簡単に作れる『CSS Grid Builder』
December 15, 2006 9:25 AM written by 100SHIKI Apprentice
なにかと便利なYahoo!のUIライブラリーに「Grids CSS」なるものがあります。自分でつくると面倒なCSSのレイアウトをテンプレートで提供してくれるものです。
この「Grids CSS」、ブラウザ対応がしっかりしていたり、ファイルサイズが軽量だったり、テンプレートが豊富だったりといいことづくめですが、いざ使うとなるとそれなりに説明を読み込んで（簡単だけど）手作業でレイアウトをつくっていく必要があります。
そこでその作業を簡単にできるようにWYSIWYGでジェネレーターを作った方がいます。こいつは便利です。
↑ コントロールパネルはこんな感じ。
プレビューを見ながらカラムの数や横幅を指定していくと簡単にレイアウトができちゃいます。もちろんコードも瞬時に生成してくれます。
なお、これを使うには当然ですがYUIが必要になります。ダウンロード＆説明は以下をどうぞ。
» Yahoo! UI Library: Grids CSS
CSSのレイアウトハックなんかを紐解いていた時期が懐かしいですね・・・いい時代になったものです。
Info: 便利ツール | 固定リンク | コメント (2) | トラックバック (0) | ↑
