css框架选型笔记
准备挑选一组CSS框架,以备项目开发页面设计。由于本人更多时间都是做后台部分开发,对于前端技术不怎么熟悉,所以主要以现成的成熟CSS框架为主。
网上成熟css框架有不少,我重点了解的是jquery ui ramework,blueprint、960 grid、bootstrap
1.jquery ui framework
jquery ui framework偏重于界面控件的外观样式和色彩,而且缺少页面的布局控制,jquery官网上提供了css主题生成工具,可以快速设计出个性化jquery ui主题。
还有一套增强的jquery组件,jquery tool,作用和jquery ui类似,只是功能更丰富,它的缺点是class和jquery ui不太一样,而且缺少在线主题生成工具,对于优秀的前端工程师来说这不叫事,可对我来说,还是简单容易上手的jquery ui更适合我。
2.blueprint
这套框架出现的比较早,也相对成熟一些,涵盖的内容比较全面,稍微复杂一,貌似没有涉及到对组件色彩和样式的控制,更多的对布局的控制。
3.960 grid system
简称960gs,这套框架完全是一套布局控制样式框架,简单,强大,灵活。
有个与960gs兼容的支持自适应宽度的框架gluid gs,也不错,是960gs的很好的补充。
960gs语法超简单,到官网上下载demo程序,学个十分钟就能熟练掌握了。
4.bootstrap
这是twitter团队出的一套css框架,是jquery+960grid system的结合,功能强大而且全面,提供了less脚本,可以帮你很快的编译出自己的bootstrap样式。网上有很多针对bootstrap的在线可视化设计网站,可以在线生成bootstrap样式,这都说明了bootstrap的成熟和强大,唯一的缺憾是bootstrap对ie系列浏览器支持的比较糟糕,尤其是ie6。
总结
个人认为jquery ui+960gs是个不错的组合,960gs用来设计布局,jquery ui来定制样式和色彩,借助jquery ui主题生成工具,可以很容易的设计出个性化主题,同时此套方案兼顾了性能,灵活性和美观。
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
