参考リンク一覧
第2章 レスポンシブWebデザインの基礎知識
2.1.3. レスポンシブWebデザインの根底となる考え方
2.1.4. 周囲に呼応する建築「Responsive Architecture」
2.1.5. レスポンシブWebデザインの魅力
2.2.3. グリッド・システムとは
2.2.4. 可変グリッド・システム
2.3.2. フレキシブル・イメージの課題
2.3.3. いまある解決策
- Picturefill
- Adaptive Images
- HiSRC
- Responsive Enhance
- Responsive Images Chart
- 次世代HTMLの新仕様「レスポンシブ・イメージ(仮)」についてまとめてみた - Rriver
2.4.3. ブラウザの対応状況と非対応ブラウザ向けの対策
2.5.1. Googleがモバイル対応にレスポンシブWebデザインを推奨
- Building Mobile-Optimized Websites - Webmasters - Google Developers
- Google がお勧めするスマートフォンに最適化されたウェブサイトの構築方法 - Google ウェブマスター向け公式ブログ
- Responsive design – harnessing the power of media queries - Google Webmaster Central Blog
- Building Smartphone-Optimized Websites - Webmasters - Google Developers
2.5.2. その他のレスポンシブWebデザイン関連の動き
- Media Queries
- Responsive Web Design JP
- Sony USA
- NTTデータ
- Olympic Games 2012, Lodon Summer Olympics 2012
- Web Design Trends in 2012 - Web Design Ledger
- Web design predictions for 2012 - Web Designer Depot
- The State of Web Design Trends: 2012 Annual Edition - Webdesigntuts+
- Best of Design: Responsive Design
2.5.3. レスポンシブWebデザイン用のツールの充実
- Adobe Dreamweaver CS6 / 可変グリッドレイアウト
- Adobe Edge Inspect
- Adobe Edge Reflow
- Web Developer Tool「View Responsive Layouts」
(最終チェック日: 2012/12/19)