私が愛したくても愛せないCSSフレームワーク

CSSフレームワークというのは、Bootstrapとかああいうヤツらのことです。
便利なので導入することは多いのですが、何故かあまり良い思い出がありませ
特に以下の条件に当てはまるものは、ちょっと苦手です。というかぶっちゃけ嫌いです。

目次

いわゆる重量級

BootstrapとかFoundationのようなタイプですね。
デザインもcssの設計も、とにかく余計なお節介が多く融通もきかないと感じます。
そこはかとなく漂うテンプレ臭も気になります。

マテリアルデザイン

Material-UIMaterialize等。
素敵だとは思うけれど、とりあえずこれにしとけばいいだろ的な、
全身ファストファッションで固めてる人みたいな残念さを感じます。

Sassじゃない

フレームワークと名乗りながら、このご時世にLessとかで頑張ってる意味がよくわからないです。

インストール方法が限られている

プロジェクトフォルダにファイル一式放り込めばOKみたいなのでいいんですが
そういうのはあまり多くないのが残念です。

コンポーネントを用意しているが、種類が少ない

こういう中途半端なのが一番嫌です。
よくあるパターンは網羅するか、コンポーネントは一切無しか、どっちかにしてほしいです。


ほとんど全部嫌いじゃねえか!

こんな私でも「素敵やん?」と思うのが
Bourbon, Neat, Bitters, Refillsの、いわゆるthoughtbot四兄弟です。

Bourbon
Sassのmixin集。Compass的なもの
Neat
グリッドだけのフレームワーク。
Bitters
タイポグラフィ、カラー等のベーススタイル。リセット+α的な?
Refills
コンポーネント集。

用途に応じてRefillsまで全部のせにする、BourbonとNeatだけにしておく等融通がききます。
もちろん全部Sass製です。
インストールはgemで行いますが、生成されたファイル一式の取り扱いは割と自由です。
Refillsにはデザインが適用されていますが、Refillsサイト上のソースコードをコピペする形式なのでカスタマイズが楽です。

また四兄弟と書きましたが、実は5人目の兄弟がいます。
その名はEmpties。見た目のスタイリングを取っ払ったRefillsのようなものです。
コンポーネントの種類はRefillsより少ないですが、1から好きなようにデザインできます。


クリック!株式会社リンクバルでは一緒に働くエンジニアを募集中です!クリック!