使用前端框架Foundation 4来帮助简化响应式设计开发

日期：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来帮助简化响应式设计开发

转载于:https://www.cnblogs.com/gbin1/archive/2013/03/14/2959169.html

使用前端框架Foundation 4来帮助简化响应式设计开发相关推荐

设计师不应该错过的响应式设计框架（含优缺点分析）
Ethan Marcotte称响应式设计是基于网格建立一个网站.Marcotte定义这项技术后,响应式设计框架开始出现,主要是css和JavaScript的结合.许多框架都是开源的,可以免费下载和快速 ...
14个支持响应式设计的前端框架
在几年前,并没有真正意义上的前端开发.随着网络技术的发展,网站和 Web 应用程序变得越来越复杂,前端部分的工作独立出来逐渐成为现在的前端开发.如今,我们可以看到越来越多的公司在招聘前端开发岗位. 前 ...
8个实用的响应式设计框架
2019独角兽企业重金招聘Python工程师标准>>> 响应式Web设计的运用越来越更加广泛.因此,做为一名Web开发人员和前端设计师,我们有必要了解更多的有关于响应式设计的工具和资 ...
14个支持响应式设计的流行前端开发框架
在几年前,并没有真正意义上的前端开发.随着网络技术的发展,网站和 Web 应用程序变得越来越复杂,前端部分的工作独立出来逐渐成为现在的前端开发.如今,我们可以看到越来越多的公司在招聘前端开发岗位. 前 ...
Bootstrap 框架响应式网页开发
Bootstrap Bootstrap 是由 Twitter 公司开发维护的前端 UI 框架,它提供了大量编写好的 CSS 样式,允许开发者结合一定 HTML 结构及JavaScript,快速编写功能 ...
显示外部页面_前端设计-响应式页面开发基础
随着终端设备类型的丰富,设备尺寸的型号也越来越多,如果实现前端页面在不同终端设备中,按照设备的尺寸型号进行自动布局,保证良好的人际交互体验效果,已经成为网页前端设计所需要考虑的问题,当前支持响应式开发 ...
CSS框架+响应式设计
简介: Pure是来自雅虎的CSS框架,使用Normalize.CSS无需任何JavaScript代码.框架基于响应式设计,提供多种样式的组件,包括表格.表单.按钮.表.导航等.标识使用非常简单,整个 ...
前端web：响应式网站开发的现状你了解吗？
当企业对网络营销有了更深的认识时,不管是大企业还是小企业,都已经建立了自己的个性化响应网站,都希望利用互联网这一新形态的市场,以及网络营销的新型营销模式.如今建立响应式网站也是一种趋势,利用互联网的优 ...
前端什么是响应式设计
1.什么是响应式设计也叫响应式布局,响应式开发实现不同屏幕分辨率的终端上浏览网页的不同展示方式. 响应式布局是根据设备屏幕宽度不同适当调整标签显示的布局,从而在每种设备屏幕宽度下呈现的界面是不同的 ...

使用前端框架Foundation 4来帮助简化响应式设计开发

使用前端框架Foundation 4来帮助简化响应式设计开发相关推荐

最新文章

热门文章