Layoutについて

yui-extの目玉（？）であるレイアウトについて

一言でいうとレイアウトを　上、下、左、右、真ん中　で切り分けて表示してくれるもの。
これらの各パーツをDIVにしておいといてyui-extを設定するだけで完了。
DIVの順番とかサイズでスタイルが崩れるとかIEがうんことかマカーのSafariとかなーんも気にする必要なし、わお！(ﾟдﾟ)

<div id="west">
menu
</div>

<div id="north">
header
</div>

<div id="south">
footer
</div>

<div id="center">
main contents
</div>

基本はこんだけ。
もちろんこれ以上に複雑なレイアウトにしたいだとか、そんな事も簡単に出来ちゃう。
レイアウトの中にレイアウトを入れられるので、真ん中を更に上下で区切ったり、更にその上を左右で区切ったり、更に（以下略

IEハック用に余分なスタイルを入れたり、ブラウザ間で調整したり、そんな事に時間を費やすのは開発もデザインも望まない事だお（　＾ω＾）

始まりの時

というわけで始めます。

最近ハマったもの、yui-ext (http://www.yui-ext.com/deploy/yui-ext/docs/)
Yahoo!UIはあんまり好きじゃなかったんですが、このextはスゴイです。
何がスゴイって実装が簡単。

今までの経験からこの手のリッチなjsは

コピペ→エラー→ちょｗｗｗｗｗ→じっくり読んで手直し→ktkr!

というパターンだったのですが、yui-extなら・・・

コピペ→krkt!

あらビックリ、こんなに簡単。
動きもとってもステキな感じがします。
日本語ドキュメントが無いことと、本体のサイズがでかい事が難点ですが・・・
（後者はダイエットしたりgzipすれば多少よいかもしれません、そこらへんはいずれ試してみたいです）
簡単なだけでなく濃い事もガンガン出来そうなので、メモがてら残していけたらいいなーという所で終わり。