2009年05月16日

CSSレイアウト作成ツール「YAML Builder」 @ ウェブ

img1 img2 img3

オンラインのCSSレイアウト作成ツール「YAML Builder」と言うモノを見付けました。良くある形式のレイアウトのヘッダーがあって、その下にコラムが二段、もしくは三段あって、下にフッターがある様な、典型的なレイアウトを作成できます。それぞれのブロックの中に複数段のサブコラムも設定できるので、ちょっと複雑なレイアウトも作れると思います。

ちなみに、Extendedメニューにある要素をヘッダーやコラムなどに追加したい場合は、それぞれのエリアの(+)ボタンをクリックする必要があるようです。(+)ボタンをクリックするとそのエリアが選択されて、破線で囲まれます。そこへDROPPABLE・・・の要素をドラッグ&ドロップすれば、追加されます。

DOM TREEメニューでは作ったHTMLの階層構造を見る事が出来ます。

使い方は余り難しい事はないと思います。ただ、生成されるコードが、 xml:lang="en" lang="en" となっている部分があり、そのままでは日本語のページには使えませんが、その辺を書き換えれば問題ないはず。

YAML Builder | A tool for visual development of YAML based CSS layouts
>>関連リンク

「YAML Builder」って紛らわしい名前ですが、「YAML Ain't Markup Language」ではなく「Yet Another Multicolumn Layout」と言う事らしい。

Home: Yet Another Multicolumn Layout | An (X)HTML/CSS Framework
>>関連リンク

閲覧数: 4311 / はてなブックマークusers

関連商品

amazon.co.jp・詳細ページへ

blog comments powered by Disqus

関連日記

アマゾン広告

この日記ページは閲覧数などの条件に応じて、閲覧制限を行っています。他からリンクしていただいても、そのリンクから辿った閲覧者が当ページの内容をご覧頂けない場合があります。ご了承下さい。

▼日記検索

Mac

Shade

3D

Flash

ゲーム

ウェブ

音楽

映画

デジカメ

Windows

Linux

携帯電話

テレビ

広島

電子工作

iOS

▼ 最近のトラックバック

▼ランキング

▼関連サイト