15個國外響應式網頁設計經典教程推薦

響應式設計是由著名網頁設計師Ethan Marcotte在2010年5月提出的設計概念，隨后席卷前端和設計領域，成為了如今網頁設計的大趨勢。正如同Ethan所說：“響應式網站設計提供了 一種全新的選擇，這種基于柵格布局和CSS3的流動性網頁設計，可以讓網頁隨著屏幕變化而響應。這是一種更為統一，更加全面的設計技巧，一種打破網頁固有 型態和限制的靈活設計方法。”

這種兼顧多屏幕多場景的靈活設計，這就是響應式設計令人著迷的所在。這一點和編程開發領域所追求的“一次編寫，到處運行”有著異曲同工之妙。所以 它在短短幾年內迅速火起來，然后成為大趨勢，可以說是意料之中，水到渠成。響應式設計的網頁現在已經很多了，而相關的教程也是數不勝數。國外的設計博客 Pixel77搜集了15篇優秀的響應式網頁設計的教程，讓喜歡鉆研的你來學習。

現在先簡單介紹一下這15個教程，隨后優設會挑選其中比較突出的文章單獨翻譯出來。現在，大家就先睹為快吧!

1、響應式網頁設計：它是什么以及如何使用(作者Kayla Knight)

Kayla Knight的這篇文章是非常不錯的入門基礎教程。Knight會引導你了解響應式設計的基礎知識，讓你明白它的基本原理。如果你想著手設計響應式網頁，這篇文章會告訴你應該從何處下手。

2、響應式網站導航(作者 Thoriq Firdaus)

響應式網站中，導航欄是非常重要的組成部分，如何設計出優質的響應式導航欄就顯得特別重要了。所以我們專門挑出這篇一流的響應式網站導航設計的教程，供大家參考學習。

3、使用CSS構建基礎的響應式站點(作者 Jason Michael)

這又是一篇響應式網站設計領域重量級的入門教程。這篇文章不僅僅為你講述了響應式網站基本的CSS設計方法，Micheal還會幫你解答一系列設計響應式網站時常見的問題和迷思。

4、如何將任何網站轉化為響應式網站(作者 Rochester Oliveira)

這篇教程同樣是從響應式設計的基礎概念開始，作者熟練地分析解讀了常見的標簽，在文中后半段還傳授了一項極有價值的技能：教你如何將現有的網站轉化成為一個響應式的站點。所以，這篇文章一定不能錯過!

5、使用響應式柵格系統設計網站(作者 Graham Miller)

響應式柵格系統并非框架，深入理解柵格系統是非常有意義的。如果你想深入了解這個概念，那么還有什么方式比閱讀這個概念的提出者Graham Miller的文章來的更有效呢?這篇教程會教你使用柵格系統1小時快速創建響應式網站!