May 6, 2012

Foundation フレームワーク

Twitter の Bootstrap が人気みたいだが、Wireframes Magazine で同じようなフレームワークの Foundationというのが紹介されていた (MIT License)。

UIのコンポーネントとしては一通りのものがそろっている。特徴は responsive design に対応しているところ。以下のサイトにレビューやコメントがある。

好みにもよるが、ネガティブなコメントもあった。例えば、

  • Form のスタイルはクラスで指定するのではなく、全体に適用される
  • normalize じゃなくて reset している
  • モバイル向けにコンテンツの一部を隠したりするのを CSS ベースで行っているので、読み込み自体はされてしまっている
  • イメージのリサイズについても同様

まあ Rapid Prototyping and Building Framework とあるように、細かい部分まで考慮するなら、いろいろカスタマイズしてサーバ側のスクリプトも使ったり、複数の画像を用意したりする必要があるのかも知れないが、デモページをいくつかブラウザのウィンドウサイズを変えながら見たりした限りでは、なかなか便利そうだった。例えばこれ