Design用のグリッドを作成し、実装に利用できるスタイルシートや確認用の画像などを生成するオンラインサービスを紹介します。generator[ad#ad-2]Gridpakの使い方は簡単です。グリッド生成ツールによくある、グリッド全体のサイズ、カラム数、カラムのパディング、溝のサイズを設定すると、すぐに反映されます。全体サイズ960pxで設定ここからが他のオンラインサービスと異なります。グリッドの右側の矢印をドラッグで操作し、全体のサイズを変更することできます。全体サイズを480pxに変更カラムのサイズも縮みます。[ad#ad-2]カラムを保持するためのブレークポイントを設定することもできます。point」ボタンをクリックします。下のバーにブレークポイントが設定されます。ブレークポイントを設定し、サイズを変更してみます。全体サイズを300pxに変更ブレークポイントを設定すると、カラムのサイズは維持されます。Gridpak」ボタンをクリックをすると、実装用・確認用のファイルが生成されます。設定したグリッドは「gridpak.css」でページを作成することができます。SCSS用のファイルも用意されます。グリッドを確認する画像も用意されており、スクリプトは「G」キーを押すとグリッドを描画します。Posts関連記事が見つかりませんでした。