BootstrapやFoundationといったCSSフレームワークはフル機能が実装されており、便利な反面、融通が効きづらかったり、サイズが大きかったりします。かといってごくシンプルなものを使ってほぼ自作というのも面倒です。 そこで使ってみたいのがCutestrapです。定義としてはnormalize.cssとBootstrap/Foundationの間とのことです。

Cutestrapの使い方

スクリーンショットで紹介します。まずはフォーム。

ボタン。

グリッド。

タイポグラフィ。

後はユーティリティ用のクラス(非表示にしたり、文字寄せしたり)がある程度です。機能は多くありませんが、サイズが8KB程度で軽量です。ちょっとしたサイトであればCutestrapで作成できそうですね。

CutestrapはCSS製のオープンソース・ソフトウェア(MIT License)です。

Cutestrap cutestrap/cutestrap