簡単グリッドデザインツール「Grid Designer 2」 | WEB TANOSHII!!

簡単グリッドデザインツール「Grid Designer 2」

WEB TANOSHII!!-Grid Designer 2

Grid Designer 2別窓

Grid Designer 2は数値入力とボタン操作で簡単にグリッドデザインが出来てしまうツールです。
数値入力の場合はフォームの数値を変更して「design」ボタンを押すことで実行されます。
好みのデザインが出来たら「Typography」を押して行間や見出しサイズの変更に移ります。

その変更を終えたら「Export」を押せば完了です。簡単すぎる…!
作ったデザインのCSSとHTMLが吐き出されるので、これをコピーして使いましょう。
「Generate Scalable Grid」にチェックを入れると、幅が%指定になります。

WEBでWEBサイトを作る環境が充実してきましたね。
DrawterとかCSS TEXT WRAPPERとかCSS MENU MAKERとか、いつか使ってみたいけど放置してるツールがたくさんあります。