ワンソース・マルチデバイス対応（PC、タブレット、スマートフォン、アプリ）

レスポンシブWebデザイン

過去においてはリキッドデザイン（サイズ可変デザイン）と呼ばれ、主にPCの画面幅に応じて横幅が拡大・縮小するHTMLレイアウトのこと。過去のリキッドデザインとの違いは全ての横幅で同一のレイアウトではなく、CSS3 Media Queries によって横幅指定でレイアウトが変更できるようになったことです。PCサイズ、タブレットサイズ、スマートフォンサイズにCSS3 Media Queriesでスタイルを切り替えることで最適なレイアウトにすることができます。文書構造と体裁が分離されていないと実現できません。

現在、HTML5 CMS - Web Meister での標準的な制作手法です。

• レスポンシブWebデザイン

レスポンシブWebデザインのWebサイトに加えてモバイル専用サイトを制作。モバイル専用サイトはファイルサイズを意識して制作。

この場合、サイト構造はレスポンシブWebデザインと同じである必要はなく自由度があります。また、モバイルファーストのようにモバイルから考えるWebサイト制作も可能です。
ユーザはモバイルとしての機能を重視したい時にはモバイル専用サイトを、PCと同じ情報を閲覧したい時はレスポンシブWebデザインのサイトを閲覧するといったように、ユーザ側で選択可能になります。

この手法の問題点はURLが別になるということとコンテンツ構造に関係なくコンテンツを再利用できるCMSがなければ管理が煩雑になるということです。
「Web Meister」の持つコンテンツの再利用という特長を生かし、管理画面上からモバイルサイトを制作するのに必要なPCサイトのコンテンツのみコピー（複製）を行い、モバイル専用サイトを制作することで問題は解決できます。