使用前端框架Foundation 4簡化回應式設計開發

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

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來説明簡化回應式設計開發

日期：2013-3-12 來源：GBin1.com