バージョンが3になってからあまりコアに変更もなくなって、つまらなくなって来たというのが一番大きいのかも。──そんなわけで、Bootstrapに代わるフロントエンドフレームワーク(≒CSSフレームワーク)ってないのかなぁと思い立ったのだ。探してみたら、結構面白いのが色々あったのでこの記事で紹介しておこう(アルファベット順)。Mercurial(マーキュリアル)選択型Webホスティングサービス)」を提供しているアトラシアン社が提供しているCSSフレームワーク(フロントエンドライブラリ)。Bootstrapと同等かそれ以上の高機能フレームワークで、Forkしている有志のユーザーによってコアやUIコンポーネント等の開発が活発である。ベースCSSプリプロセッサ「SASS/LESS」で開発されたCSSフレームワークで、IE7を含むほとんどのメジャーブラウザでの互換性を謳っている。UIコンポーネントは全体的にセンシティブ(線が細い)な感じで、非丸角型のフラットレイアウトとなる。フレームワークのclass名汚染は少ない方だが、class名はやや長いかも。BASSCSSデザイナーのための超高速CSSフレームワークで、「初心者向けCSSツールキット」を謳っている。基本的に利用するユーザーがスタイル定義を拡張していくことが前提となっていて、フレームワークと言うよりはCSSテンプレートに近い。仕様的にもBootstrapに似ている部分が多く、Bootstrapを使ったことがあるユーザーなら扱い易いかも。カーディナルCSS「モバイルファースト」を謳っているCSSフレームワーク。LESSプリプロセッサ用のCSSで読みやすく保守性が高い。機能やUIコンポーネントセットはBootstrapに迫るものがある。コンサイスCSSフラットデザインのCSSフレームワーク。必要最小限の機能構成なので初心者にも扱いやすい。デフォルトのカラートーンが淡め。グリッドレイアウトは16グリッドまで可能。UIコンポーネントのclass名がやや長いのでコーディング時の負担がやや大きいかも。ファーティブ100%モバイルファーストの超軽量CSSフレームワーク。Grid」というCSSプラグインを取り込んでいて、モバイルでのブラウジングに対して無駄なCSS解析を行わず高速なWEBレンダリングを実現している(と謳っている)。PC向けのサイトには向かないので、利用シーンは限られるかも。「Compass」ベースのグリッド生成モジュール。レスポンシブ、非レスポンシブを問わずグリッドレイアウトを強力に制御すると謳っている。グリッドレイアウト生成用のスタイリングしか定義されていないので、他のUIコンポーネントのスタイリングは別途必要になる。JavaScriptライブラリ「Masonry」と組み合わせて「Pinterest」のようなデザインを実現できる(らしい)。パワートゥCSSWEBページのスタートアップには最適と謳う軽量CSSフレームワーク。jQuery等のJavaScriptに依存しない純粋なCSSのみのフレームワークで、専用のclass名記述も必要最小限度でフロントエンドをコーディングできる。それもあって、動的なコンポーネントセットは少ない。スケルトンモバイルファーストのCSSフレームワークで、小規模WEBサイトのベースCSS、およびスモールスタート時の初期CSSセットとして推奨している。導入が簡単で、フレームワーク専用のclass名汚染が最小限なので、後々に別のCSSフレームワークに乗り換えるなどの運用に適している。Web開発の初期のとりあえずのスタイリングやモック開発に適している。トースト一風変わったグリッドレイアウト専用CSSフレームワーク。ユーザーの好きなカラム数、間隔でグリッドレイアウトを自由に生成できる。...というかそれしかできません。他のUIコンポーネントのスタイリングは別途定義するなり、他のフレームワークに依存することになる。トゥクトゥク緑と黒がキーカラーのフロントエンドフレームワーク。グリッドレイアウト(カラムレイアウト)の際のclass名汚染が大きいが、それ以外のUIではほぼclass名なしでスタイリングしてくれる。動的UIコンポーネントもいくつかパッケージングされていて、幅広いWebサイトデザインに対応できる。試してみて、改めてBootstrapの偉大さに気づかされた次第。いやぁ、Bootstrapは良くできてるフレームワークだわ~。初心者から上級者まで安定して使えるうえに、拡張しやすいしねぇ...。フラットレイアウトに特に違和感感じないなら、最終的にフロントエンドフレームワークはBootstrapを選んでおきなさい─と言いたくなる...が、それじゃぁこの記事書いた意味がないので、あえてBootstrapに代わるフレームワークを選ぼう!まぁ、機能面と柔軟性でBootstrapと渡り合えるのは今のところ「AUI」しかないんだけどねぇ...。アトラシアン社のサービスって「Bitbucket」もそうだけど主流のサービスに対抗するような挑戦的なサービスが多いと思った。「AUI」もバリバリに本家Bootstrapを意識して対抗するような感じで作られている気がするんだけど...オレの気のせいか?とにもかくにも、Bootstrapに代わるCSSフレームワークは「AUI」と(自分の中で)決定したので、うちのブログも「AUI」スタイルでリニューアルしてみようかなぁ...。時間があればだけど、ぜひ触ってみたいフレームワークではあるんだよねぇ。