• かちびと.net

    グリッドレイアウトでWebサイト構築したい時にはGrid calculator and generatorが手軽で良さそうです。サクッと計算してくれて気軽に使えるのが僕好みでした。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

グリッドレイアウトでWebサイト構築したい時にはGrid calculator and generatorが手軽で良さそう

スポンサーリンク

なかなか手軽で自分向きだったのでメモ。
グリッドレイアウトを意識したWebサイトの
構築の際に、希望の幅を入れれば、その
幅に応じたグリッドレイアウト用のcssが
生産されます。ファイルはフレームワークの
Blueprint cssが生成されます。

手軽で自分好みだったのでメモがてらご紹介。いわゆるグリッドレイアウト用の計算機です。

Grid calculator and generator


幅を入れるだけで、作れるレイアウトを自動で計算してcssも出してくれます。cssはBlueprintベースのようですね。


この設定だけでOK。


例えば、960pxで164~200pxくらいのカラムを10px以内の感覚で開けて並べたいという時の設定値だと3通りのレイアウトがあるようです。


条件の幅を広げれば、作れるグリッドの種類も増えます。


レイアウトが決まったら Preview & Download CSSをクリックすればプレビューとDLが可能です。

コンテンツ幅や画像、広告スペースなど、サイズからレイアウトを決めたい時もたまにあるのでそういうときに複数のパターンからせン宅で切るのはちょっといいなと思いましたよ。以下でご利用になれます。

Grid calculator and generator

URL :
TRB :

Comments & Trackbacks

Comments are closed.

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services