goods and life +

Twitter bootstrap ってなにげに凄すぎじゃない (°Д°)？

CSSフレームワーク・グリッドレイアウト・レスポンシブデザイン完全対応、js付き。
あとはググルさんの CDN から jQuery を引っ張ってきたらそれでよし。
しかも可変グリッドレイアウトもあり。

レスポンシブWebデザイン（Responsive Web Design）といわれる、ワンソースの html でマルチデバイスに対応させる振り分け方法でWebサイトを作れます。

デフォルトのサンプル例をテキストオンリーでそのまま使って、色の指定を多少変えるとか、そんな程度ならめっちゃ楽にしかも早く作れるかもしれないです…

もしかしてこれってすごい素材になると思うわけですけど、どう思いますこれ？

 

ちなみに、レスポンシブWebデザインとはこんな感じです。

PC、タブレット、スマートフォンという異なるデバイスでアクセスされたとき、1つの html ファイルでデバイスに合わせた見せ方がおこなえます。
各デバイスへの振り分けはCSSでおこないます。

PCで見ているものをただ縮小するのではなく、PC、タブレット、スマートフォンそれぞの画面サイズに合わせ、見やすく便利なUIに個別にデザインしておきます。

いま、実際にそういう方法で作られているサイトもぼちぼち増えてきました。

たとえば以下のサイトをPCで見て、ウインドウのサイズをタブレットやスマートフォンのサイズに変えてみるとか、実際にタブレットやスマートフォンでアクセスしてみてください。



http://www.sevenbank.co.jp/soukin/jp/



　▲ウインドウのサイズをタブレットやスマートフォンのサイズになるように動かしてみると…。

こんな感じになるのです。
デメリットもあるので使いようというか、最大効率化できるかどうかでやる意味が問われることになると思います。

でも可能性は感じますね、スマホユーザーは増える一方だし(´・ω・`)b

2013年1月22日追記
Introducing Google Bootstrap

※ URL がこちらに変わったみたいです
http://getbootstrap.com/getting-started/