Foundation:有效简化响应式开发的前端框架
程序员文章站
2022-06-02 08:05:36
...
Foundation是一套使用广泛的前端开发套件,能够有效的帮助你快速的开发响应式的网站。最近ZURB发布了一个新的版本——Foundation 4。
和另外一套知名的前端框架BootStrap类似,Foundation同样也提供了一套HTML/CSS的模板,可以帮助你快速的搭建网站基础,包括:布局、组件、字体、表单元素和其它常用的页面元素。
使用Foundation有三种途径,包括:
注意新的移动实现方式并不支持media queries,所以有可能影响IE8上的体验。如果你需要支持IE8,这里有一个修改版本的Foundation 4,支持IE8。
因为Foundation4和过去的Foundation3的设计大相径庭,所以ZURB计划继续支持Foundation3一段时间。
如果你对于新版本的Foundation有任何疑问的话,请查看官方文档,或者查看Github中的相关代码,要知道Foundation是Github中最棒的20个明星级别项目之一。相信选择它不会让你失望!
项目地址:http://foundation.zurb.com/
Via 极客标签
和另外一套知名的前端框架BootStrap类似,Foundation同样也提供了一套HTML/CSS的模板,可以帮助你快速的搭建网站基础,包括:布局、组件、字体、表单元素和其它常用的页面元素。
使用Foundation有三种途径,包括:
- 直接下载压缩版本的CSS,自定义使用自己需要的部分
- 自定义编译来生成你需要的元素
- 使用SASS版本的Foundation来自定义代码
注意新的移动实现方式并不支持media queries,所以有可能影响IE8上的体验。如果你需要支持IE8,这里有一个修改版本的Foundation 4,支持IE8。
因为Foundation4和过去的Foundation3的设计大相径庭,所以ZURB计划继续支持Foundation3一段时间。
如果你对于新版本的Foundation有任何疑问的话,请查看官方文档,或者查看Github中的相关代码,要知道Foundation是Github中最棒的20个明星级别项目之一。相信选择它不会让你失望!
项目地址:http://foundation.zurb.com/
Via 极客标签
上一篇: PHP教程.应用实例8
下一篇: 如何加速响应式网站
推荐阅读
-
Foundation 6 – 先进的响应式的前端开发框架_html/css_WEB-ITnose
-
Foundation:有效简化响应式开发的前端框架
-
响应式的前端框架 - Groundwork UI分享响应式设计前端框架responsive
-
六个前端开发工程师必备的Web设计模式/模块资源 CSS响应式设计界面设计
-
【盘点】前端开发的9个响应式框架_html/css_WEB-ITnose
-
【盘点】前端开发的9个响应式框架_html/css_WEB-ITnose
-
Schema ? 模块化,响应式的前端开发框架_html/css_WEB-ITnose
-
Skeljs ? 用于构建响应式网站的前端开发框架_html/css_WEB-ITnose
-
17种新型的响应式开发框架
-
Crumpet ? 使用很简单的响应式前端开发框架_html/css_WEB-ITnose