モバイル向け軽量CSSフレームワークRatchetが2になって帰ってきた！

急にGithub PagesにあったRatchetのページが消えていた（参考）。

ついにRatchet死んじゃったのかな・・・デザインも古臭かったしなーと思っていたら、なんとRatchet2になって帰ってきていました。しかも、Twitter Bootstrapのチームの一員として。

大体のモバイル向けCSSフレームワークがiOSぽいデザインしかないのに対して、Ratchet2ではAndroidぽいデザインも用意されています。クロスプラットフォーム対応を考えると嬉しいかも。

CSSだけでゴリゴリ書かれているのではなく、内部はSassで書かれているので、比較的カスタマイズも簡単です。variables.css.scssを書き換えれば、色味の変更も比較的楽にできます。

クラス名がTwitter Bootstrapを踏襲した名前になっているので、Twitter Bootstrapを使っている人には使いやすい設計になっています。

ionicはAngularJSと組み合わせるのがほぼ前提になっているのに対して、Ratchet2はそういった前提が全くないので、jQueryなどと組み合わせてサクサクとそれっぽいアプリを作ることができるのがメリットです。

少し大きめのアプリであればionicの方が良い気もしますが、プロトタイプであればRatchet2でゴリゴリ作っていく方が手早いかと思います。

ionicについてはこんな記事を書いているので、ぜひご参照下さい。

ちなみに過去のRatchetのドキュメントは以下にあります。