使用前端框架Foundation 4来帮助简化响应式设计开发
日期:2013-3-12??來源:GBin1.com
Foundation是一套使用廣泛的前端開發(fā)套件,可以幫助你快速的網(wǎng)站。最近ZURB發(fā)布了一個新版本的Foundation 4前端框架,能夠有效的幫助你快速的開發(fā)響應(yīng)式的網(wǎng)站。
和另外一個套知名的前端框架BootStrap類似,Foundation同樣也提供了一套HTML/CSS的模板,可以幫助你快速的搭建網(wǎng)站基礎(chǔ),包括:布局,組件,字體,表單元素和其它常用的頁面元素。
使用Foundation有三種途徑,包括:
- 直接下載壓縮版本的CSS,自定義使用自己需要的部分
- 自定義編譯來生成你需要的元素
- 使用SASS版本的Foundation來自定義代碼
Foundation4 最強大的地方在于有效地整合了SASS,你可以使用SASS中的Mixins概念來簡化開發(fā)。使得組件的使用更加的簡單和便捷。
注意新的移動實現(xiàn)方式并不支持media queries,所以有可能影響IE8上的體驗。如果你需要支持IE8,這里有一個修改版本的Foundation 4,支持IE8。
因為Foundation4和過去的Foundation3的設(shè)計大相徑庭,所以ZURB計劃繼續(xù)支持Foundation3一段時間。
如果你對于新版本的Foundation有任何疑問的話,請查看官方文檔,或者查看Github中的相關(guān)代碼,要知道Foundation是Github中最棒的20個明星級別項目之一。相信選擇它不會讓你失望!
via 極客標簽
來源:使用前端框架Foundation 4來幫助簡化響應(yīng)式設(shè)計開發(fā)
轉(zhuǎn)載于:https://www.cnblogs.com/gbin1/archive/2013/03/14/2959169.html
總結(jié)
以上是生活随笔為你收集整理的使用前端框架Foundation 4来帮助简化响应式设计开发的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 保险退保怎样可以退多少钱
- 下一篇: java取主机的网卡物理地址