2年 ago
1258 Views

さくっとグリッドを使いたい時に助かるグリッドジェネレーター(CSS&Jvascript)

girdmin

商品を並べたり写真を並べたり、とりあえずデザインしなくてもそれなりに見えてしまうグリッド様は色んなとこに使えてたすかります。そんなグリッドを簡単にコピペで使えるのがいいですよね。楽した人のためのグリッドツールを集めました。

Grid Designer

自分でカラムや幅,そしてGutter(隙間)とカラムごとのスペースを自分で決めてついでにタイポグラフィも一緒に決めてhtmlとCSSではき出してくれます
grid_designer

Grid Generator

こちらは、カラムとマージンを決めてHTMLとCSSを吐き出してくれます
girdmin

Gridpak

カラムとpadding、Gutter(隙間)を入力してhtml&CSSをzipでダウンロード
gridpak

Responsfty

レスポンシブグリッドで幅と隙間、ブレークポイントを入力してつくります。メニューもついてくるタイプ
iiresponsify

Gridster.js

ドラッグドロップで動かせるグリッドjs
dragdrop

Article Tags:
· · ·
Article Categories:
グリッド · ツール
12345 (No Ratings Yet)
Loading...

Leave a Comment

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

Menu Title
ツールバーへスキップ