Bootstrapで作られたレスポンシブWebデザイン参考サイトまとめ

Pocket

最近はBootstrapを使ってWebサイトを作成したり、既存サイトのレスポンシブ化を行うことが多いです。レスポンシブ化を行うときに注意しているのが、UI/UXについて。単に1列表示すればよいというものでもなく、スマートフォンで閲覧したときに見やすい表示にする必要があります。

そんなときに便利なのが、このページで紹介するような参考サイト。どのWebサイトもデザインのクオリティが非常に高く、レスポンシブ化の参考にもなります。

Bootstrapの公式サイトでたくさん公開されているので、デザインの参考に、レスポンシブ化の参考にしてみてはいかがでしょうか?

Bootstrapで作られたWebサイト

CachetHQ
Bootstrapのプラグイン-01

Latitude Supply Co
Bootstrapのプラグイン-02

Tsaa Tea Shop
Bootstrapのプラグイン-03

Johan Holmberg
Bootstrapのプラグイン-04

George & Harrison
Bootstrapのプラグイン-05

BARE
Bootstrapのプラグイン-06

Atomico
Bootstrapのプラグイン-07

Stupid Studio
Bootstrapのプラグイン-08

DataCamp
Bootstrapのプラグイン-09

Branching Minds
Bootstrapのプラグイン-10

レスポンシブ化のテクニックを磨こう!

Googleの発表以降レスポンシブ化の需要が高まっています。参考サイトを見るだけでも勉強になりますが、ここはまとまった知識やテクニックを身につけておきたいところ。レスポンシブデザインについては以下の本がおすすめです。