FEVDES BLOG

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

WEBデザイン

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

投稿日:

SPONSORED LINK

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

そんな時に便利なサイトが「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デザイン

執筆者:


comment

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

関連記事

暗記しておく!イラレでギザギザの丸(円)を作る方法

SPONSORED LINK よく使うこのギザギザの丸(円)。 今まで何度も使ってきましたし、使い映えするので、 絶対に暗記しておきたいです。

もう間に合わないとは言わない。新人に教えるスケジュールを守るコツ。

SPONSORED LINK デザインやコーディング、プログラムができても、仕事ができないと評価される人がいます。

パターンがたくさんありテンプレート準備の参考になる「Summer UI Kit Free」

SPONSORED LINK Summer UI Kit Free 明るい配色で海外のリゾートっぽい「Summer UI Kit Free」。 コーディングする前に、テンプレートであらゆるコンテンツに …

ラインが美しい196種類のSVGアイコン

SPONSORED LINK 210 Free line icons, PSD, PNG, SVG, Icon Font. きれいに作られた、ラインアイコン。色もいいですね。

レスポンシブWebデザインを制作して困ったことの解決方法

SPONSORED LINK まだレスポンシブの案件が少なく、 知識もスキルもまだまだなのですが、 いくつか作ってみて、困ったことの解決方法です。 もくじ Javascriptを使った場合の端末ごとの …

KIYOTA
KIYOTA
Webデザイナー / ウェブ解析士
デザインとコーディングと制作現場が大好きなWebデザイナー(Webデザイナー歴13年)
コーポレートサイトを中心に、官公庁・公共施設・メディア・商業施設・不動産など多岐のジャンルのWebサイトを数百件制作。
モットーは「Speed & Quality」。
広範囲な知識・技術・経験を活かした素早い制作が得意。 WACA上級ウェブ解析士。