リーダーチェックしてたら、
ブラウザだけでCSSレイアウトに対応したページをさくさく作ることができる『Drawter』 | 100SHIKI.COM
というのを発見。
百式さんのスクリーンショットもいい感じだし
「こりゃあ、要チェックですぜ!先輩!」ってな訳で見てみた。
なんか使いどころあるかも知れないじゃない!
確かに、作者さんのJavaScript力はスゴいかもしれない。
JQuery作品としてはかなり優秀な作品なんじゃないかな?
それっぽいのを作ろうとしている所-1枚目
それっぽいのを作ろうとしている所-2枚目
配置方法は一応選べる
Auto floatで生成してみたコード
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="jp"> <head> <title>こんにちは、世界</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> #node1 { background-color: #333; color: #fff; } #node2 { float: left; width: 114px; background-color: #999; } #node3 { float: left; width: 536px; background-color: #EEE; border: 1px solid #ccc; } #node4 { background-color: #333; color: #fff; } </style> </head> <body> <div id="node1">ここはヘッダ</div><!-- #node1 end --> <div id="node3">ここはメイン</div><!-- #node3 end --> <div id="node2">ここはサブ</div><!-- #node2 end --> <div id="node4">ここはフッタ</div><!-- #node4 end --> </body> </html>
- charsetの前にtitleタグ来た時点で萎える
- Auto sizesで生成したらposition: absolute;連発
- JQuery作品として見るにはいい
- Dreamweaver持っている人は見るのは時間の無駄になる可能性あり
- まだ使えね〜
- でもそのうちこんな風になるんだろうな