使用前端框架Foundation 4来帮助简化响应式设计开发
2013-03-14 13:10
881 查看
日期:2013-3-12 来源:GBin1.com
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来帮助简化响应式设计开发
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来帮助简化响应式设计开发
相关文章推荐
- 使用前端框架Foundation 4来帮助简化响应式设计开发
- 使用前端框架Foundation 4来帮助简化响应式设计开发
- 使用前端框架Foundation 4来帮助简化响应式设计开发
- 14个支持响应式设计的流行前端开发框架
- Foundation 6 – 先进的响应式的前端开发框架
- 14个支持响应式设计的流行前端开发框架
- 本文中,我们为大家收集了有关前端设计的9个非常有用的响应式框架。在过去的几年中响应式框架已经出现,如今它已经变得越来越普遍。因此,我们收集这些响应式框架来为您服务,希望当您在设计前端时这些框架能帮助到
- 【特别推荐】14个支持响应式设计的流行前端开发框架
- 【特别推荐】14个支持响应式设计的流行前端开发框架
- 14个支持响应式设计的流行前端开发框架
- 14个支持响应式设计的流行前端开发框架
- 14个支持响应式设计的流行前端开发框架
- Crumpet – 使用很简单的响应式前端开发框架
- 基于DotNet构件技术的企业级敏捷软件开发平台 - AgileEAS.NET平台开发指南 - 对象设计器使用帮助
- 一个使用Java jdk8中Nashorn(Java javascript引擎)设计的Web开发框架
- 25款最佳响应式前端开发框架
- 14个响应式前端开发框架
- 【前端开发框架】面向UI编程框架:ui.js框架思路详细设计
- 响应式开发(三)-----Bootstrap框架的安装使用
- 802.11x模块,开发工具包可以帮助简化IoT无线设计工作---凯利讯半导体