Simple Grid

Simple Gridのサンプル02です。動作には jQueryが必要です。

Simple Gridは3つの項目を設定できます:

  1. rowHeight
    1つのマスの高さ
  2. columnWidth
    カラムの幅の値
  3. gridWidth
    グリッド全体の幅

Example

$.simpleGrid({
  rowHeight: 10,
  columnWidth: 60,
  gridWidth: 960
});

2カラム目

ここは2カラム目になります。グリッドを表示するには左上にある ピンクのドットをクリックします

すると、さきほど設定したグリッドが表示されますので、コーディングしながらグリッド調整が可能になります。

Try it!

GitHubにも置いてあるみたいです

kachibito / 記事へ戻る

Credits

A GIANT thank you goes to Patrick Bacon for his coaching and coding input.

Dustin Tinney has been a solid source of inspiration and ideas along the way as well! Major thanks!