レスポンシブに対応したグルッドシステムを生成できるサイト「Gridpak」

2017/07/25

こんにちは。
今回はレスポンシブに対応したグルッドシステムを生成できるサイト「Gridpak」です。

Bootstrapでグリッドレイアウトを簡単に実装することができますが独自のグリッドを導入したい時ってありますよね。
そこで、今回はレスポンシブに対応したグルッドシステムを作成できるジェネレーターを紹介します。

レスポンシブに対応したグルッドシステムを生成できるサイト「Gridpak」!

Gridpak

gridpak

http://gridpak.com/

 

Gridpakの使い方

gridpak2

使い方は画面右側にあるカラム数、カラムのパディング、マージンを設定します。
「Add break point」のボタンをクリックし、下のバーにブレイクポイントを指定することもできますよ。
最後に「Download your Gridpak」のボタンをクリックするとCSSファイルの他にLESSとSCSSやpng画像もダウンロードできます。

 

Webデザイン良質見本帳 目的別に探せて、すぐに使えるアイデア集
Webデザイン良質見本帳 目的別に探せて、すぐに使えるアイデア集

 

いかがでしたか。凝ったデザインにしたい時に使いたいですね。
以上でレスポンシブに対応したグルッドシステムを生成できるサイト「Gridpak」でした。

topへ戻る