HTML5开发与UI设计二者之间还是有区别的。二者之间的区别主要有以下几点:
[图片0]2html5 ui 开源框架
专门针对移动设备优化的CSS框架,属于bootstrap家族之中的一员,速度很快,封装之后基本感觉不出跟Native APP的差别。
[图片1]3amaze ui
Amaze UI是国内首款Html5开源跨屏前端框架,出色开源前端框架,拥有丰富的CSS+JS组件。轻量级高性能开源框架,以移动优先(Mobile first)为理念,从小屏逐步扩展到大屏,终实现所有屏幕适配,适应移动互联潮流;面向 HTML5 开发,使用 CSS3 来做动画交互,平滑、高效,更适合移动设备,让 Web 应用更快速载;含近 20 个 CSS 组件、10 个 JS 组件,更有 17 款包含近 60 个主题的 Web 组件,可快速构建界面出色、体验出色的跨屏页面,大幅提升开发效率;相比国外框架,Amaze UI 关注中文排版,根据用户代理调整字体,实现更好的中文排版效果;兼顾国内主流浏览器及 App 内置浏览器兼容支持。
4amaze ui和bootstrap
文件体积比amazeUI小很多
中文文档写得好, 通俗易懂. 用得人多, 出色案例多, 前面填坑的人多. 网上各种教程插件多, 遇到问题更容易搜索到解决方案一些.
的傻瓜式定制要比amazeUI全一些,强一些.
的默认界面更扁平化一些
是标准盒模型, 为一个元素设置了尺寸, 它实际影响的范围要去计算
5html5 移动ui框架
是目前有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序,它提供了很多UI组件来帮助开发者开发强大的应用。它使用Java锝擄絻锝掞綁锝愶綌 MVVM框架和 AngularJS来增强应用。提供数据的双向绑定,使用它成为Web和移动开发者的共同选择。即将发布的AngularJS 将会专注于移动开发,相信IONIC一定会取得不错的成就 。
Angular UI是使用 bootstrap 3 和 AngularJS 的响应式移动开发HTML5框架。
Bootstrap 3 Mobile组件,比如switches, overlays和sidebars,这些都是bootstrap中没有的。
AngularJS modules,比如 angular-route, angular-touch 和 angular-animate
XDK 是Inter开发的一款跨平台开发工具,我们可以很容易的通过Intel XDK开发应用,你需要做的只是下载他们的应用开发工具 ,有Linux、Windows和Mac版,它还提供了很多个开发框架,比如Twitter bootstrap, jQuery Mobile 和 Topcoat.
’s Titanium 不同于其它框架的是,它是一个开源的框架。
Touch同样也是HTML5手机应用跨平台开发框架,运行iOS/Android/Blackberry。它已经诞生很多年了,现在已经成为很常用的混合式编程开发框架。
’s Kendo UI 是一个强大的框架用于快速HTML5 UI开发。基于新的HTML5、CSS3和Java锝擄絻锝掞綁锝愶綌标准。
恐怕是老的一个框架了,相信很多人都已经听说过甚至使用过它,但是PhoneGap是基于开源的 Cordova 商业版本。