ボックスサイズの計算

エリア内にボックスの数とマージンの値を入力して、クラスを生成するツールです。
ついでにRetina画面向けに1/2の計算をするものも掲載していますが、SVGの時代にもうあまり使うことはないかもしれません。
  • ●全体の幅
  • ●ボックスの数
  • ●ボックスのスペース

tbleでのクラス設定

flexでのクラス設定

3分割の場合

.three .cell { margin: 0; padding-left: 5%; width: 35%; } .three .cell:first-child { padding-left: 0; width: 30%; }

1/2の計算

サイズ(幅pxと高さpxを1行づつで入力)

結果

デザイニングナスカはwebデザインなどのweb系、およびDMデザインなどの平面デザインを行っています。

安く、手早く、それなりに。をコンセプトとしてデザイン活動を行っています。
デザイニングナスカという言葉は創立時に多くの知り合いの方のアイデアを元に作った造語です。
この名前をずっと長く使えるように頑張っていきたいと思っています。
サイトメニューを見る ページトップに戻る

Twitter Facebook mail