Foundation フレームワーク

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

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

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

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

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

Advertisements
Foundation フレームワーク

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s