早在一月，我們就發表了一篇關于響應式設計、響應式網頁設計的文章：它是什么以及如何使用它。響應式設計繼續得到很多關注，但考慮到它與傳統的網站設計方式有多么不同，對于那些還沒有嘗試過的設計師來說，這可能有點讓人不知所措。

為此，我們已經編譯了這一輪的資源，以創建響應性的網站設計。包括教程，技術，文章，工具和更多，都是為了給你提供你需要創建自己的反應性設計的具體知識。

響應式網頁設計：它是什么，如何使用它，響應性網頁設計的責任考慮，PS圖象處理軟件禮儀響應網頁設計。響應設計技術鏈，CSS轉換和媒體查詢埃利奧特杰伊股票提供了CSS媒體查詢和CSS轉換相結合的見解。基本的前提是：使用媒體查詢設計響應網站，根據瀏覽器寬度調整布局，并且不斷調整瀏覽器的大小以查看網站如何執行，但每次查詢啟動時，第一種樣式和第二種樣式之間就會出現嚴重跳轉。為什么不使用一些簡單的CSS轉換來平滑跳轉？一個很好的案例研究。

克里斯coyier響應數據表和Scott Jehl正在試驗顯示數據表的響應式網頁設計技術。默認情況下，數據表可能相當寬，而且必然如此。您可以縮小并查看整個表，但文本大小將太小，無法閱讀。您可以放大使其可讀性，但然后您必須滾動垂直和水平（SAD臉）瀏覽表。一種解決方案是重新格式化表更好的可讀性。另一種方法是從數據中顯示餅圖。另一種方法是將表調整為窄屏幕的微型圖形（而不是在顯示滿表時對內容進行太多干擾）。

響應式網頁設計導航菜單：將一個菜單一個小屏幕下拉了Chris Coyier將定期排的鏈接到一個下拉菜單瀏覽器窗口時，狹窄的另一種方法。當用戶在一個小屏幕上點擊下拉框時，他們將得到一個界面來選擇一個好的、大的、容易選擇的選項。顯然比顯示一個小鏈接要好得多。

CSS媒體查詢和使用可用空間教程從CSS技巧，討論如何作出微妙的變化與媒體查詢，以及如何使用媒體查詢在一個單一的樣式表。例如，如果你有一個流體寬度設計，側欄寬度為頁面寬度的35%，取決于瀏覽器窗口的寬度，你可以說，“如果瀏覽器真的很窄，那么做這個。如果它更寬，這樣做。在文章中，您將學習如何根據瀏覽器的視口修改鏈接列表。

響應圖像，響應視頻流體圖像、流體圖像是響應式設計的一個核心方面。本文由Ethan Marcotte創造他們使用經典img {最大寬度進行了概述：100%；}代碼片段，以及細節讓你開始。

響應式網頁設計圖像：利用上下文感知圖像大小的實驗：長絲組對流體圖像的另一種處理方法。這種技術允許設計者創建響應性的布局，在不同的分辨率下提供不同的圖像大小。實際上，它允許設計者為較小的屏幕創建移動優化的圖像，然后為更大的屏幕提供更高分辨率的版本。燈絲組開發了這項技術，使用.htaccess文件和JavaScript提供不同大小的圖像的屏幕寬度。另一種解決方案是使用像TinySrc你可以僅僅是前綴的所有大的圖像在你的源代碼和tinysrc URL的工具，而工具不休息。