レスポンシブサイト構築にあたり参考にしたレスポンシブデザイン１０選

ブログを移行するにあたって、デザインをフルスクラッチで組み直しました。以前はブログシステム側でモバイル版、PC版の出し分けを行なっておりましたが、今回は流行りのレスポンシブWebデザインで構築してみました。

デザインをレスポンシブにするために私が参考にしたサイト群をピックアップしたいと思います。

1 Twitter Bootstrap

言わずと知れたtwitter bootstrap. 本サイトはbootstrapを使わずに構築していますが、レイアウトの組み方、CSSのコーディング手法などはこちらが大変参考になりました。

ブルーが良い感じに映えるデザインです。

若手デザイナ/デベロッパのクリスティさんのWEBサイト。モバイル時のメニューの表示のさせ方がかっこいい。

シンプル&クール。

スクロール途中でFIXされるナビゲーションが印象的（PC閲覧時）。

上同様、途中でFIXされるナビゲーション。

白を基調とした美麗デザイン。

PC時とモバイル時のレイアウトの変化のさせ方がイケてます。

用意されているサイトのテンプレートもすごくかっこいいSquarespaceさん。そちらも覗いてみてください。

パリの美容室のページ。かっこいい美容師さんの紹介です。