Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[WEB DESIGN] YUI: CSS Grid Builder – CSSレイアウトのグリッドを生成してくれるサイト

  • Pocket
  • このエントリーをはてなブックマークに追加

YUIとはYahoo!の提供するYahoo! UI Libraryの事。JavaScriptとCSSのライブラリが公開されています。このCSSライブラリを利用して、簡単なプルダウンメニューと数値入力によって、マルチカラムレイアウトのHTMLソースを吐き出してくれます。ページ内にフロート表示されている“Toolbox”内の各数値を入力、必要に応じて“Add Row”ボタン等を使ってレイアウトを完成させたら、Toolbox下部にある“Show Code”を押すとHTMLソースを吐き出してくれます。ただしCSSソースについては同時に表示されないので、別途YUIのライブラリ本体をコチラからダウンロードして使いましょう。クロスブラウザ対応で、ブラウザによってレイアウトが崩れにくいような作りになっているそうです。うーん素晴らしい。

コメントを残す

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください