Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/users/1/attlabo-ssl/web/buchiko-web.com/wp-content/plugins/all-in-one-seo-pack/modules/aioseop_opengraph.php on line 844
面倒なグリッド計算はGridpxにお任せ! | ぶちろぐ

アラサー主婦のWEBデザイン奮闘記

Webデザイン Web制作 制作お役立ち

面倒なグリッド計算はGridpxにお任せ!

投稿日:

みなさんはデザインのグリッドを決めるとき、計算はどうしていますか?

私はいちいち電卓で計算したりしていましたが、もっと瞬時に計算する方法はないかな?と思い、調べたら便利なサイトを発見しました!

Gridpxというもので、面倒なグリッド計算が簡単にできちゃいますよ。

 

使い方はとっても簡単です!

Gridpxの使い方

コンテンツの幅・カラム数・マージンの幅を入力すればよいだけです!
すると、自動で各カラム何pxで設定したらいいのかを計算してくれます。

余白の感じがどのようになるのか、見た目のイメージがすぐに出てくるので便利です。

かなりシンプルなツールですが、意外と作業の効率化に繋がると思うのでよかったら活用してみて下さいね。

-Webデザイン, Web制作, 制作お役立ち

執筆者:


comment

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

関連記事

ロゴ制作の際に参考にるサイト【アイディア編】

前回の記事では、ロゴ制作の「ヒアリング内容〜制作の流れ」について、参考になる記事を2つご紹介しました。 そこで今回は、実際にどのようなロゴにするかアイディアを出していく時に参考になるサイトを3つご紹介 …

【Illustrator】配置した画像にフチをつける方法

今日はIllustratorで配置した画像にフチをつける方法についてご紹介します。 もちろん、クリッピングマスクのかかった画像でもフチをつけることができますよ。 なんとなくフチって「線を追加」でつけら …

【Illustrator】文字を斜体にする方法

Illustratorのテキストを斜体にして配置したい場合、英字フォントであれば「Italic指定」ですぐに斜体に変換できるものが多いですが、日本語フォントの場合は「Italic」がないですよね。 じ …

タイピング練習におすすめのサービス3選

いきなりですが、みなさんはブラインドタッチ(タッチタイピング)はできますか?  お恥ずかしい話、私は今まで独自のタイピングできてしまったので、ある程度早く打つことはできますが、たまにキーボードを見ない …

日本語のフリーフォントをまとめて試せるサイト「ためしがき」

以前、「wordmark.it」(自分のPC内にインストールされているフォントをブラウザ上で一覧表示してくれる無料のWEBサービス)についてご紹介しましたが、今回はダウンロードしていないフォントを一覧 …