2012年,真正的一年中,许多公司最终采用了响应网站设计。网页设计是一个快速发展的工艺,它有它的份额的趋势,来来去去。但与很多人不同,响应网站设计不只是一个过渡的趋势。智能手机,平板电脑和更快的数据连接正在改变人们访问网络的方式。由于您的网站或web应用被认为在不同的设备,平台和浏览器,提供良好的体验以及丰富的内容变得更加重要。
在响应设计到场景中,公司在他们的网站为移动用户创造了多个版本。为每个设备创建和维护一个不同的网站是不实际的,这是响应的设计方法节省了一天。
为什么要使用一个响应CSS框架?
在某些时候每一个Web开发人员已经创建了一组多个项目的可重复使用的基本的CSS文件。网页设计的标准和浏览器的不断发展和维持一个自定义的框架本身成为一个任务。
CSS框架提供了一个很好的起点,而不必重新发明轮子。为广大消费者提供,这些都在不断更新,并遵循最佳实践。这些框架不仅提供了一个默认的规则内容显示,但也将根据屏幕大小,内容的响应。
如何选择一个框架
如果不是更多的,则可能是至少有一百种不同的反应CSS框架。的一般的方法,其中大部分这些框架的工作是相同的,但每一个如下一组不同的命名约定,文件结构和规则。了解他们的关键是成功地选择和使用。
在您为您的项目中选择一个框架,我会强烈建议改变框架的完成网站的虚拟项目测试他们会很费时。一些很简单的了解和使用几分钟之内,但一些像Twitter引导,将需要更多的时间来学习。
有没有硬性的规则来选择最好的框架结束时,它会来响应CSS框架,你是最舒服的。每个框架有其优点和缺点,和,1框架可能不是每一个项目的最佳解决方案。
你可以考虑,而选择帧的几件事情是:
1。
选择一个响应CSS框架的学习曲线最重要的方面,是要找到一个,你是舒适的。一个基本的框架将是最快的学习和使用,但缺乏特色的大型网站将意味着额外的工作。
2。
在一个框架中的功能与性能更多的功能可能会影响其性能。一个典型的网站可能并不需要每一个功能提供了一个框架。因此,这将是最好使用不同的框架,根据每个网站的要求。
3。向后兼容性
框架,以节省时间。因此有一个框架,兼容旧版本的浏览器,使开发更加容易。
4。定制
中提到的上述观点,很多功能会影响性能。因此,可以选择的某些组件的框架为我们提供了更多的控制。Twitter的引导是一个功能最丰富的CSS框架,可今天,但也提供了一个很好的自定义选项,可以只选择必要的功能。
5。支持和维护
的另一个重要方面要考虑的是如何保持良好的框架。许多框架web开发者创建自己的,如果因任何原因,他们忙起来或失去兴趣,你可能需要继续提高自己的框架或切换到另一个。这是毫无疑问适用于每一个免费的产品摆在那里,但仍然是一个重要的方面来考虑。
6。网络社区资源
,能够最大限度地利用您所选择的框架,社会和可用资源的框架将是至关重要的。例如,Twitter的引导,你将如何使用它,以及基于Web的工具和现成的网站模板的许多文章。
在这篇文章中,我的目标是不能涵盖所有的响应CSS框架在那里,但只有少数。
一些响应CSS框架
骨架
骨架是一个精干的CSS框架,一个熟悉的轻量级的960网格缩小到不同的分辨率较低的优雅的。它配备在小型封装中只是极少数的文件形式和其他元素的基本样式。
320和以上
320提供移动第一种方法和4个断点.. 它配备了一般的UI元素的基本样式,和也包括样式从另一个框架“引导”。为响应布局的CSS分离从其他的设计样式,很容易让我们只使用我们所需要的。
基地
类似骨架,基本框架提供了一个最小功能集,建立在。
古比框架
基于众所周知的,广泛使用的960网格框架,古比也提供了额外的用户界面元素的功能,如标签,菜单,表单等古比框架的造型和JavaScript提供了一种方法,自定义包的基础上所需的网格类型。
Wirefy
Wirefy创建的意向快速创建互动线框。然而,它也可以用来作为一个基本框架为您的项目。它的特点是其他类似的响应CSS框架,如基金会,引导等,但以最小的造型。
Amazium
Amazium是一个完全成熟的响应类似CSS框架来引导,提供通用的用户界面元素以及一个强大的响应电网的造型。
基金会从ZURB
随着引导基金会是一个功能最丰富的响应CSS框架,并为他们吹嘘自己有最先进的响应前端框架。保持的Zurb一个数字的机构,基金会也是一个最经常更新的响应。由于不同的元素和造型在基金会的数量,它是很容易的创建任何Web项目的快速原型。
Twitter的引导
启动时通过Twitter是一种使用最广泛的,最有名的响应CSS框架有。通过在Twitter工作的人谁创建的,它提供的一切,甚至是大型的Web应用程序可能需要。引导有一个最好的文档。由于社会解决这个问题的大小,你就可以找到大量的参考材料,也现成的网站模板。定制的最好的事情之一是,使我们能够只选择那些功能,我们需要使我们有能力的项目中只挑选我们需要的。
1140 CSS网格
与许多其他的CSS框架,1140 CSS网格的名称用默认的网格1140像素的建议开始,然后优雅的尺寸减小到较小的决议。
减Framework 4更新:2007年11月
减框架已经存在了一段时间以来,发生了很大的变化。它提供了3套不同的排版布局和礼物,都基于一个单一的网格创造resonsive的网站以不同的方式。
这是一个新的,更精简的版本现在可下名名无框可在http://framelessgrid.com。
金网格系统
金网格系统,GGS提供了最大的16列的屏幕,分辨率高达2560像素的网格布局,wors甚至。16列,然后组合或折叠成平板电脑大小的屏幕和手机大小的屏幕分为4列8列。
金发姑娘方法
这又是一个轻量级的框架,它使用相结合的环境管理体系,最大宽度,媒体查询和模式转换,只考虑三种状态,使设计人员能够创造更高的分辨率独立的外观设计。最近没有更新这个框架,但是,这并不意味着它已经过时。如果你愿意响应建立你自己的CSS框架,这可以作为一个起点。
比例网格
的比例的网格框架提供了一种简单的方法,创建流体网格与固定沟。
响应电网系统的格雷厄姆·米勒
另一种简单的框架,响应电网系统提供了一个简单的方法,而无需创建列。最后,还是需要在许多其他的CSS框架。一流的。
流体基线网格
流体基线网格是另外一个响应CSS框架,320和上移动第一种方法类似。
结论
虽然没有框架是完美的,你可以决定您是否只需要添加到您的网站的响应或要了一套完整的默认样式和功能与它一起。骷髅是我的选择,任何项目和Twitter的引导是一个值得花时间,但如果你只是想要的东西很少或计划建造的东西在自己的当时的实验与比例电网,1140电网和其他。Twitter的的引导和Zurb有最大的学习曲线,但他们也提供了足够的功能,从来没有要求任何东西,一旦你开始使用它们。
响应性的Web设计让您为您的网站访问者提供更好的体验,不论他们使用的设备。所以,如果你还没有开始使用响应的设计方法,其还为时不晚。无论您是在现有的网站的响应或规划,使你的下一个网站项目的响应,上述框架,将节省几个小时的时间,并给你一个坚实的平台基础上
原创:wordpress主题定制 链接: 有用的响应式css网络框架