響應式設計隨移動終端普及而興盛，核心在於：設計與開發根據用戶行為、設備環境（平台、尺寸、方向）自動響應調整。 為助設計師系統學習，精選 15 篇國外優秀教程，涵蓋入門到進階：

1. Beginner's Guide to Responsive Web Design — 入門權威指南
   
2. Responsive Design in 3 Steps — 三步速成核心流程
   
3. Techniques For Gracefully Degrading Media Queries — Media Queries 優雅降級技巧
   
4. Responsive Web Design with HTML5 and the Less Framework 3 — HTML5 + Less Framework 3 實戰
   
5. Adaptive layouts with media queries — 媒體查詢實現自適應佈局
   
6. Responsive Web Design: What It Is and How To Use It — 概念解析與應用指南
   
7. Responsive Web Design — 綜合實戰教程
   
8. Convert a Menu to a Dropdown for Small Screens — 導航菜單小屏轉下拉選單技巧
   
9. Fluid Grids — 流動網格系統深度講解
   
10. How To Use CSS3 Media Queries To Create a Mobile Version of Your Website — CSS3 Media Queries 製作移動版實戰
    
11. Designing for a Responsive Web — 面向響應式 Web 的設計思維
    
12. Techniques in responsive web design — 響應式設計進階技巧集錦
    
13. How to use CSS3 Orientation Media Queries — 橫豎屏媒體查詢應用
    
14. CSS Media Queries & Using Available Space — 媒體查詢與可用空間利用
    
15. Optimizing your email for mobile devices with the @media query — 郵件模板移動端優化
    

學習路徑建議

• 新手： 1 → 2 → 6 → 7，建立整體認知與基礎流程
• 進階： 3 → 4 → 5 → 9 → 11 → 13，攻克佈局、斷點、降級、橫豎屏等硬骨頭
• 專項： 8（導航轉換）、14（空間利用）、15（郵件適配）按需鑽研

收藏清單，按需閱讀，動手實踐——響應式設計的精髓在代碼與瀏覽器縮放測試的反覆打磨中。