無處不在的響應(yīng)式設(shè)計(jì)與框架的興起直接相關(guān)。通過生成用戶可以遵循的簡單模式，框架使響應(yīng)式設(shè)計(jì)更容易掌握并開始使用。降低復(fù)雜性是必要的，以允許工程師和設(shè)計(jì)師掌握響應(yīng)式設(shè)計(jì)概念。如果框架沒有推動(dòng)響應(yīng)式網(wǎng)絡(luò)，那么我們今天在網(wǎng)絡(luò)上的響應(yīng)式網(wǎng)站數(shù)量遠(yuǎn)遠(yuǎn)少于我們所擁有的，而我們所擁有的網(wǎng)站的性能要低得多。

毫無疑問，框架并沒有發(fā)明響應(yīng)式設(shè)計(jì)，但它們讓每個(gè)人都能夠輕松地設(shè)計(jì)響應(yīng)式設(shè)計(jì)。沒有框架，我們就不會成為今天的樣子。

盡管響應(yīng)式設(shè)計(jì)的想法似乎很簡單，但很快就會發(fā)現(xiàn)仍存在障礙。一些工程師做得很好，從編寫簡單的網(wǎng)站開始。他們在設(shè)計(jì)時(shí)考慮了媒體查詢，因此這些網(wǎng)站在移動(dòng)設(shè)備上顯得非常壯觀。與此同時(shí)，其他開發(fā)人員開始使用媒體查詢較小的設(shè)備來快速改造舊網(wǎng)站。通常這會導(dǎo)致大量凌亂的覆蓋和成堆的固定寬度媒體查詢。響應(yīng)式設(shè)計(jì)看起來很簡單：右側(cè)的東西位于左側(cè)的東西下，但是我如何處理導(dǎo)航，圖像庫或模態(tài)？

我們需要一套最佳實(shí)踐，一個(gè)規(guī)則框架 - 我們可以在其中構(gòu)建所有響應(yīng)式網(wǎng)站的基礎(chǔ)。

沿著基金會

ZURB在2010年與許多這些開發(fā)人員一樣受到了同樣的考驗(yàn)和磨難。我們被Ethan的帖子所吸引。作為一個(gè)設(shè)計(jì)工作室，我們一直在努力解決與客戶相同的想法和問題。我們?nèi)绾畏乐箤θ齻€(gè)不同代碼庫的三個(gè)不同網(wǎng)站的需求？我們開始構(gòu)建我們的ZURB編碼風(fēng)格指南，并迅速?zèng)Q定這是其他人需要的東西。

我們最終啟動(dòng)了Foundation，這是一個(gè)完全響應(yīng)的框架，為開發(fā)人員提供了構(gòu)建響應(yīng)式站點(diǎn)的結(jié)構(gòu)。響應(yīng)式網(wǎng)格是教授響應(yīng)式設(shè)計(jì)概念的完美工具，同時(shí)具有針對不同屏幕尺寸的內(nèi)置樣式的組件。ZURB正在快速生成響應(yīng)式站點(diǎn)，我們的開源社區(qū)成員也是如此，甚至其他框架也隨后響應(yīng)。支持響應(yīng)式設(shè)計(jì)的更多框架意味著響應(yīng)性地構(gòu)建更多站點(diǎn)。這使得越來越大的公司更容易，更容易購買響應(yīng)式設(shè)計(jì)作為可行的選擇。

從響應(yīng)式Web到負(fù)責(zé)任Web

框架非常適合將重要的想法推向大眾。他們?yōu)槿藗兲峁┝艘粋€(gè)系統(tǒng)，可以使用分散在網(wǎng)絡(luò)各個(gè)部分的想法。框架創(chuàng)建了一個(gè)進(jìn)一步培養(yǎng)人的社區(qū)，它們允許代碼庫來討論代碼。我們再一次受到網(wǎng)絡(luò)各個(gè)部分中如此眾多熱情的人的工作的啟發(fā)，并希望使用Foundation來進(jìn)一步推動(dòng)Web標(biāo)準(zhǔn)。

我們正在關(guān)注下一版本的Foundation for Sites，使網(wǎng)站在處理標(biāo)記，導(dǎo)出代碼和處理可訪問性方面更負(fù)責(zé)任。多年來我們已經(jīng)涉足這些領(lǐng)域，我們的可訪問性推動(dòng)了5.4和基礎(chǔ)3中的Sass大修，但是我們致力于為框架用戶進(jìn)行下一次重大改變。我們將更好地幫助我們的用戶使用表示類快速原型，但強(qiáng)調(diào)使用我們的Sass mixins在啟動(dòng)之前創(chuàng)建語義標(biāo)記的重要性。

我們總是為用戶提供選擇性導(dǎo)入Sass文件的能力，但是為人們提供了更多選擇，以便更具選擇性和構(gòu)建系統(tǒng)，他們可以確保導(dǎo)出的代碼只是他們使用的代碼。最后，但同樣重要的是，我們正在重新編碼Foundation，以便具有損傷的用戶可以訪問每個(gè)組件和代碼段。