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

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

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

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

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

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

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

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