参考になる面白いレスポンシブwebデザインランキングまとめ

レスポンシブwebデザインとは、ブラウザの横幅サイズをwebサイト表示の判断基準にしてページのレイアウトデザインを柔軟に調整できる手法。つまりブラウザのサイズを変更してデザインが変わるかどうかで判断できる。

当ブログはレスポンシブwebデザインではないので、日本が誇るトヨタ自動車の新卒採用サイトを見て、ブラウザ(インターネットエクスプローラーやsafariやgoogle chromeなど)の大きさを変えてみて欲しい。(※スマホだと縦と横を変えるくらいしかできないので、是非PCで確認を)

・トヨタ自動車の新卒採用ページ

Googleが「レスポンシブwebデザイン」を推奨しており、取り入れているウェブサイトも増えてきた。そんな中でよくできていて参考になりそうなレスポンシブwebデザインを紹介したい。

5位　Shiny Demos

ブラウザが大きい状態でタイトルにマウスをもっていくと動きがあるよん。

4位　Lancaster University

普通にすごい！

3位　JULIE LAVERGNE

動画をトップページに持ってきたときのレスポンシブwebデザイン。

2位　NHKスタジオパーク

動きがあって素晴らしい。jQuery Masonryというブラグインを使って作れるよい。

1位　レスポンシブおっぱい

・レスポンシブおっぱい

これが紹介したかったのです。おっぱいぷるぷる。