Yahoo!Library Grid CSS対応ページが簡単にレイアウトできるYUI: CSS Grid Builderの紹介です。このサイトを使えばレイアウトも簡単です。
Yahoo! User Interface LibraryのYahoo! UI Library: Grids CSSレイアウトが簡単に作成できるサイトを発見！！
- YUI: CSS Grid Builder
- http://developer.yahoo.com/yui/grids/builder/
最新yui_0.12.0バージョンにも対応しています。これを使えば簡単にレイアウトを組むことができます。便利。
ページ幅もカスタムできるようになっていますので、好きなページ幅を指定することができます。好きなレイアウトにデザインして、最後に［show code］のボタンをクリックすれば、表示されているレイアウトのコードが生成されます。
基本的には、Yahoo! UI Library: Grids CSSからCSSファイルをダウンロードする必要があります。
Yahoo! UI Library: Grids CSS
yui_0.12.0バージョンからページ幅が3パターンから選べれるようになりました。自分のカスタムページ幅指定もできるようになっています。
- 750px
- 950px
- 100%リキッドレイアウト
- カスタムページ
Grids CSSの実装については、以前のエントリーを読んでもらえれば少しは理解しやすいと思います。Yahoo! UI Library Grids CSSを使ってページレイアウト
Comments for this entry on FriendFeed.
コメントする