仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
仓酷云 门户 程序员 HTML5/CSS 查看内容

2014年6大前端框架,你都有用过么?

2015-1-25 11:08| 发布者: hzming| 查看: 891| 评论: 0|来自: 仓酷云

摘要: 随着Web 2.0概念的普及和W3C组织的推广,网站重构的影响力正以惊人的速度增长。在结合PHP网页编程加上XHTML+CSS布局、DHTML和Ajax,重构你的网站前台与后台。 ...
  2014年框架开发层出不穷,各有千秋。哪款最适合开发者的你呢?
  本文由仓酷云根据Github里面按流行程度梳理的2014年最优秀的六个前端框架程序,并对比说明其优秀劣势,也希望此文能帮助所有有程序员朋友,你们可以各自选择适自己的前端开发框架。

1、Bootstrap
  Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。他不仅仅流行,每天用户量也在不断增长。
  Bootstrap提供了优雅的HTML和CSS规范,还拥有非常完备和详尽的开发文档,有了它,Web开发人员能够轻松搭建出清爽风格的界面以及实现良好的交互效果。它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。
  你可以相信,这个工具不会让你失望,你也可以单独使用它制作自己的网页。Bootstrap毫无疑问是现今框架的领导者。

2、Foundation
  与Bootstrap相比,Foundation屈居第二,不过这并不能说明它不受欢迎。
  Foundation是一款开源的前端框架,我们可以使用它快速创建页面原型。ZURB在后面强有力的支持,使得 Foundation 更加强大!Foundation被各大网站使用,如Facebook、Mozilla、Ebay、 Yahoo、美国国家地理网站等等。Foundation框架的剩余部分由几组相互关联的类和一些独立的类组成。相比于其他同类型工具,Foundation的移动化方案更加出色;借鉴响应式Web设计的思路和方法,Foundation对内容结构在不同类型设备中的的呈现方式进行了相应的预设。

3、Semantic UI
  Semantic UI—完全语义化的前端界面开发框架,所有的模块都提供了运行时分析性能日志的能力,这使得你可以通过调试窗口看到模块初始化的总时间。
  Semantic UI正在不懈努力让网页制作变得更加Semantic。原生语言规则让代码更易读易懂。跟 Bootstrap 和 Foundation 比起来,还是有些不同的,在功能特性上、布局设计上、用户体验上均存在很多差异。

4、Pure by Yahoo!
  Pure是一个纯CSS编写,轻量级的、模块化的框架,包含各种整合和独立的组件。Pure 是来自雅虎的 CSS 框架,使用 Normalize.CSS 无需任何 JavaScript 代码。框架基于响应式设计,提供多种样式的组件,包括表格、表单、按钮、表、导航等。标识使用非常简单,整个框架非常轻量级,压缩后只有 5.7k。

5、UIkit by YOOtheme
  UIkit 是 YOOtheme 团队开发的一款轻量级、模块化的前端框架,可快速构建强大的web前端界面。UIKit提供了全面的HTML、CSS及JS组件,它们使用简单,容易定制和扩展。UIkit 是一个简洁的易于使用和易于定制组件。
  它基于LESS开发,代码结构清晰简单,易于扩展和维护,并且具有体积小、反应灵敏的响应式组件,你可以根据 UIKit 基本的风格样式,轻松地自定义创建出自己喜欢的主题样式。虽然它不像其竞争对手一样受欢迎,但是它提供了和上面框架相同的功能,质量也很不错。

6、Amaze UI
  Amaze UI 是一个轻量级(所有 CSS 和 JS gzip 后 100 kB 左右)、 Mobile first 的前端框架, 基于开源社区流行前端框架编写。
  Amaze UI是以移动优先(Mobile First)为理念,相比国外框架,它更关注中文排版,被前端工程师们赞称最懂中文的前端框架,正式上线仅仅4个月,已经在Github上获得1500+stars,可见火力十足。

总结:
  用互联网来做比喻,凡是通过浏览器到用户端计算机的统称为前端技术.相反存贮于服务器端的统称为后端技术。
  随着Web 2.0概念的普及和W3C组织的推广,网站重构的影响力正以惊人的速度增长。在结合PHP网页编程加上XHTML+CSS布局、DHTML和Ajax,重构你的网站前台与后台。
  前端技术包括4个部分:美工、IE兼容、CSS、HTML“传统”技术与Adobe AIR、Google Gears,以及概念性较强的交互式设计,艺术性较强的视觉设计,平台的兼容性自适应宽度和高度等等。网站重构的目的仅仅是为了让网页更符合Web标准吗?不是!重构的本质是构建一个前端灵活的MVC框架,即HTML作为信息模型(Model),CSS控制样式(View),JavaScript负责调度数据和实现某种展现逻辑(Controller)。

路过

雷人

握手

鲜花

鸡蛋

最新评论

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-21 01:35

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部