PocketGridは0.5KBの小さなCSSフレームワークです。レスポンシブWebデザインのベースにどうぞ。 Bootstrapをはじめ多様なデザインフレームワークが出回っていますが、デザインの可能範囲が狭まってしまうのを嫌がる声もあります。そこでほんの基礎部分だけを提供してくれるグリッドデザインテンプレート、PocketGridを使ってみましょう。 サンプルです。左が30%、右が70%のコンテンツです。 幅を狭めても比率を維持しています。 よくある三層のWeb構造です。 このように組み変わります。 比率を維持させることもできます。 より複雑な表示です。 レスポンシブに並びが変わっています。 維持させることもできます。 元がこれで… 隙間をなくす設定も可能です。 PocketGridはピュアなCSSだけで作られています。レスポンシブだけでなくセマンティックにも対応しています。メディアクエ