WYSIWYGでCSSレイアウトを超簡単に作れる『CSS Grid Builder』 | p o p * p o p
なにかと便利なYahoo!のUIライブラリーに「Grids CSS」なるものがあります。自分でつくると面倒なCSSのレイアウトをテンプレートで提供してくれるものです。 この「Grids CSS」、ブラウザ対応がしっかりしていたり、ファイルサイズが軽量だったり、テンプレートが豊富だったりといいことづくめですが、いざ使うとなるとそれなりに説明を読み込んで（簡単だけど）手作業でレイアウトをつくっていく必要があります。 そこでその作業を簡単にできるようにWYSIWYGでジェネレーターを作った方がいます。こいつは便利です。 » YUI: CSS Grid Builder ↑ コントロールパネルはこんな感じ。 プレビューを見ながらカラムの数や横幅を指定していくと簡単にレイアウトができちゃいます。もちろんコードも瞬時に生成してくれます。 なお、これを使うには当然ですがYUIが必要になります。ダウンロード
かっこいいウェブサイトのできるまで:CSSでレイアウト
CSSなどにもMTをやっていたらだいぶなれてきました。 マージンやパディングなどの設定とか、 テーブルを使わないレイアウトができるようになると、 HTMLがスッキリしてSEO的にもよくなります。 でもレイアウトをするとき、 全体の幅を750PX、サイドメニューを200PX、 メインを550px、さらにPタグで書くスペースを500px程度にするために、 マージンやパディングを取ったりします。 このとき、メインの中に入れるタグのCSSの設定が、 数字的におかしいと、レイアウトが崩れます。 その計算って最初訳がわからなくて、 混乱しました。 でも、その計算をやってくれるソフトを発見！ http://www.divlayout.com/index.html 探すと便利なフリーソフトっていっぱいありますよね。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
