Foundation是一套使用廣泛的前端開發套件，可以幫助你快速的網站。最近ZURB發布了一個新版本的Foundation 4前端框架，能夠有效的幫助你快速的開發響應式的網站。

和另外一個套知名的前端框架BootStrap類似，Foundation同樣也提供了一套HTML/CSS的模板，可以幫助你快速的搭建網站基礎，包括：布局，組件，字體，表單元素和其它常用的頁面元素。

使用Foundation有三種途徑，包括：

直接下載壓縮版本的CSS，自定義使用自己需要的部分

自定義編譯來生成你需要的元素

使用SASS版本的Foundation來自定義代碼

Foundation4 最強大的地方在于有效地整合了SASS，你可以使用SASS中的Mixins概念來簡化開發。使得組件的使用更加的簡單和便捷。

注意新的移動實現方式并不支持media queries，所以有可能影響IE8上的體驗。如果你需要支持IE8，這里有一個修改版本的Foundation 4，支持IE8。

因為Foundation4和過去的Foundation3的設計大相徑庭，所以ZURB計劃繼續支持Foundation3一段時間。

如果你對于新版本的Foundation有任何疑問的話，請查看官方文檔，或者查看Github中的相關代碼，要知道Foundation是Github中最棒的20個明星級別項目之一。相信選擇它不會讓你失望！

via 極客標簽

來源：使用前端框架Foundation 4來幫助簡化響應式設計開發