レスポンシブ今やサイト設計の際に必ずと言っていいほど考慮しなくてはならないレスポンシブWebデザイン。実装する際には通常のPCサイトを制作するのに比べて設計部分でいろいろと考慮しなくてはいけない部分が多くなりますがそんなレスポンシブWebデザインのサイト設計の際に役立つWebサイトを2つほど紹介してみます。DesignレスポンシブWebデザインを設計する上でのナビゲーション・フォーム関連・画像配置などを踏まえたレイアウトパターンから各種リソース集などの役立つ情報やツールも紹介しているサイトです。フォーム関連、カルーセル、アコーディオンなどなどあらゆる種類のレスポンシブ設計方法を確認することが出来ます。レスポンシブWebデザインで設計する際には、ここのパターンを確認すれば、だいたいの設置方法は見つかるのではないかと感じてしまうほど豊富に用意されています。続いて、レスポンシブWebデザインのチェックツール。ResponsivatorResponsivatorレスポンシブWebデザインで構築したサイトを複数の画面サイズ表示でのレイアウト状況を一度に確認することが出来るサービスです。これらの画面サイズでのレイアウトパターンを一画面で確認することが出来ます。ブラウザのウィンドウサイズも変えることなく各画面サイズでの表示を一度に確認できるのでとても便利に活用できそうです。以上、レスポンシブWebデザインでサイトを構築する際に便利に活用できそうなWebサイトツール2種でした。レスポンシブWebデザインでのサイト設計の際に是非。※コメントにHTMLタグを直接入力しないでください。※HTMLタグを入力する際はタグ一つ一つの括弧「<」「>」を全角に変換して入力してください。コメントは承認制になっているのですぐには反映されません。コメント頂いた内容については出来る限り早めの対応を心掛けていますが、時期によって返答が遅くなってしまうことがありますので、何卒ご了承ください。Webサイト構築に関する技術やWebサービスを紹介するブログです。jQueryをはじめとしたWebサイトを彩る技術のほか、HTML(HTML5)、CSS(CSS3)、iPhoneやTwitterを使った実験などなど、Webサイト制作に役立つであろうと思われる情報を備忘録として掲載しています。