レスポンシブデザインとは、PC、スマートフォンなど、異なるスクリーンサイズに最適化したレイアウトを、１つのHTMLで制作し、スクリーンサイズ事にCSS調整して、マルチスクリーンに対応させたWebデザインのこと。

 

 

去年から何度か試してみて、今回実際のクライアントの案件で制作するところまできました。まだメニューの扱いなど、改正の余地はありですが、どうにか好評いただいてます。今回のサイトはCMSと合わせて、フランス語と英語の２カ国対応の余裕で１００ページを超える大規模なもの。IEのレイアウト修正、CMSのモジュール、言語によるスペースの違い等々を調整しながら制作したため、CSSが団子状態で整理するのが大変で思ったより時間がかかってしまった。今後はいかに時間を短縮できるかが課題となりそうです。