FEVDES BLOG

自分の経験をシェアしたい。Webデザインのテクニック&効率化。

ボックスと余白の計算が楽になる「Gridulator」

   

デザインをやっていて、写真を並べたいときボックスと余白の計算が面倒だったりしませんか?

そんな時に便利なサイトが「Gridulator」です。

20141206215951Gridulator--Make-pixel-grids,-lickety-split

Gridulator: Make pixel grids, lickety-split

「Overall Width」に横幅を、「# of Columns」にカラム数を入力すると、
幅と余白の候補を自動的に表示してくれます。

02

MakePNGをクリックすると下記のようなPNG画像がダウンロードできます。

960px-4col-225w-20gut

 - WEBデザイン