このサイトについて

このサイトは、Webサイトの制作プロジェクトにおいて、プロジェクトメンバー (受託制作の場合はクライアントも含む) でレスポンシブWebデザインの実装上の仕様をすり合わせるために参照することを想定して制作したサイトです。

あらゆるデバイスでWebサイトを閲覧できるようにするための実装方法として、今日では主流となっているレスポンシブWebデザインという概念ですが、デザインカンプだけでは拾いきれない挙動のすり合わせは非常に困難であると常々感じています。

その状況を改善したく、このサイトを制作しました。

このサイトでは「固定値型」「相対値型」「固定・相対値複合型」「スマホ特化型」という4つのサンプルを掲載しています。プロジェクトメンバーでこれらの実際の挙動を確認しながら、より具体的にかつ効率よく実装の仕様を議論できれば…と考えています。

すべてのWebサイトがこれらのパターンに当てはまるということではなく、実際はこれらが複雑に組み合わされることもあるかと思います。その場合、「この要素は『相対値型』で実装してください」といったような伝え方ができるのではないかと思います。

つまり、プロジェクトメンバー内での共通言語を構築するのにも一役買ってくれるのでは、と期待しています。

このサイトを上手く使って、ぜひ素敵なWebサイトを制作してください。