yaml – CSSフレームワークライブラリとそのブラウザエディタ yaml builder

via Ajaxian

名前が紛らわしいのだけど、データフォーマットのYAMLとは関係ない。ドイツ製のウェブサイトレイアウトライブラリyamlは、CSSベースのマルチカラムレイアウトをマルチブラウザ対応で行なうライブラリ。

それだけだと他にもいろいろあるのだけど、特徴としてはドキュメントがすごく充実していることらしい。そのわりに知られていなかったのはドイツ語圏で開発が続けられていたかららしいが、英語のドキュメントも揃えて本格的なバイリンガルプロジェクトとなったそうだ。

プレビューが公開されたばかりらしいyaml builderが良くできていて、ブラウザ上のオンラインエディタでドラッグアンドドロップでレイアウトを試すと、できあがったレイアウトを再現するHTMLとCSSを入手できるというもの。

こんな風にマルチカラムを編集し、ヘッダや本文などのコンテンツを置いていく。

yaml-screenshot.png

“Get Code”を押すと、必要なHTMLとCSSが表示されるので、これをコピーすれば同じレイアウトが手に入る。

yaml-gotten-code.png

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です