Responsive Design in 3 Steps

３ステップではじめるレスポンシブWEBデザイン。
今後新しくサイトを公開する時はスマホ対応なんていうのは当たり前になってきている時代で、デザイナーさんにとっては必須であるレスポンシブWEBデザインを３ステップで簡単に説明してくれています。
CSSが分かる人ならさほど難しいものではないのでサクッと理解しちゃえます。

1. METAタグを付与
2. IEでもMedia Queriesを使えるようにスクリプトをインクルード
3. レイアウトを作る
4. css3 media query を記述。ブラウザの幅によって要素を非表示にしたりしてCSSを切り替えられるというわけですね
   
   
   

JavaScriptが不要っていうのは素晴らしいですね

関連エントリ

• 使うっきゃないレスポンシブWEBデザインなWordPressテーマ２５
• レスポンシブWEBデザインのサンプル26
• HTML5&CSS3を利用した美しい４０のフリーテンプレート集