移动webapp2016 web前端ui框架用哪个框架好

移动前端开发框架jQuery Mobile,基于jQuery
文章来源:原创 作者:JS代码网 时间: 访问: 下载次数:
什么是jQuery Mobile? jQuery Mobile 是(MT)Media Temple联合多家移动设备厂商以及软件
企业共同发起的的针对触屏智能手机与平板电脑的WEBAPP以及在线应用的前端开发框架。
First thing , we should take care and be able to block having bogus
. You will know , the pricing usually are too high . And so incorrect options can carry us more draw downs to a little length . At the side of personal to learn various theoretical data with vibrant adventure , many of us need also find a selection of competent vendors or maybe web sites . To rise the reliability of the opportunity or shield the well being of the patrons , the good quality piece provider commonly delivers much better
at smaller fee .
jQuery Mobile构建于Jquery ,为前端开发人员提供了一个兼容所有主流移动设备
平台的统一UI接口系统。拥有出色的弹性,轻量化以及渐进增强特性与可访问性。
jQuery Mobile 具有以下特性:
& & 在流行的移动平台上,都具有HTML5的支持,所以HTML5具体跨平台特性
& &非常容易上手
3.丰富的UI主题
& &jQuery Mobile 提供丰富的主题
& &主题地址:
4.定制下载
& 可以按照因需定制下载
目前jQuery Mobile 最新版本是&JQUERY MOBILE 1.4.0 BETA&
jQuery Mobile 实例:
& opentable
分享给朋友:
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)目前从事webAPP开发和移动UI设计的人很多啦,同时也很多公司推出了比较好用的移动webAPP UI前端框架。
下面25学堂跟大家来普及下webAPP 前端UI的构成部分。
移动UI的话,分为基础样式和基础组件两部分。
建议这一部分可以用一些轻量级的库如Purecss(http://purecss.io),采用其Grid的部分即可,需要定制的部分,建议自行配置,或者是直接采用grid.css,grid960.css这样的栅格来处理。
基础组件主要是button,input,form等,可以在看到很多的组件库,按照需要选择一部分,在做下自定义修改配色,阴影,边框什么的,动画的话就用animate.css吧。
是webapp的难点和问题所在,个人建议,在移动端还是尽可能的减少复杂的交互内容,更多的做内容呈现和基础的功能实现(考虑兼容问题和移动网络流量,移动网络质量等因素)
响应式设计也是要分场合的,在简单的内容呈现如博客,可以考虑响应式,不过针对业务系统,还是建议做一套移动版本和对应的桌面版本,这是个人的一些看法,希望有用。
目前来说好用的webAPP框架很多。25学堂跟大伙推荐几个:
Jingle UI是一个基于html5、css3开发轻量级的移动 webapp 框架,提供一些基本交互方式,常用的组件(scroll,actionsheet,sidemenu,toggle,push2refresh……),帮助您更方便的开发移动应用。
2、jqMobi也是轻量级框架、它的语言基于jquery语言。并对其进行了简化,更有利于在移动设备上进行应用,并且速度很流畅。上手很容易。
官方网址:
具体移动webAPP开发案例:.cn/s/blog_3f1fcnf.html
3、app-UI 是一个免费开源的可重用 UI 组件容器的集合,对开发移动的 Web 应用非常有用,可使用 HTML+JavaScript 开发交互式的移动 Web 应用。app-UI 可很好的跟 PhoneGap 集成。
App-UI是一个网络和移动开发人员创建HTML和JavaScript时可重复使用的“application container”用户界面组件,App-UI是那些针对移动设备的交互式应用程序可能会有所帮助的集合。App-UI与PhoneGap的应用有些雷同,App-UI可以很容易地使用CSS样式/自定义。
4、jQTouch框架
jQTouch也是轻量级框架、它的语言基于jquery语言。上手容易。加载时间比较快,优点是动画切换很流畅、在Android和IOS上表现都不错。缺点是与其搭配的插件较少,需要一些外包插件来进行某些效果的支持,无法自定义布局样式等。
在线演示:
具体webAPP开发案例使用教程:.cn/s/blog_3f1fch.html
本文标题:
本文地址:/html5css3/8052.html
除非注明,本站文章均为原创或编译,转载请注明出处和原文链接,转载同时请务必保留原网站网址。
移动APP设计入门课程
为你推荐的相关文章
Copyright@
All Rights Reserved ICP备案号:桂ICP备号-2本站声明所有资源均是网上搜集或网友上传提供,如有侵犯您的版权,请及时联系我们(),我们将尽快处理。2015年最全的移动WEB前端UI框架
我的图书馆
2015年最全的移动WEB前端UI框架
目前,众多互联网公司APP都嵌入了大量的HTML5,移动端的开发越来越重视,HTML5的运用场景也越来越多了。在移动的过程中,使用合适的移动WEB UI框架可以大大提升我们的开发效率。下面就把2015年最全的移动WEB前端UI框架分享给大家。
目前,众多互联网公司APP都嵌入了大量的HTML5,移动端的开发越来越重视,HTML5的运用场景也越来越多了。下面在移动WEB开发的过程中,使用合适的移动WEB UI框架可以大大提升我们的开发效率。下面就把2015年最全的移动WEB前端UI框架分享给大家。
Amaze UI是一个轻量级(所有CSS和JS gzip后100kB左右)、Mobile first的前端框架, 基于开源社区流行前端框架编写。
Amaze UI Github地址:
Amaze UI官网:
Frozen UI 是一个简单易用,轻量快捷,为移动端服务的前端框架,专注于移动web的UI框架,基于腾讯手机QQ规范。
Frozen UI Github地址:
SUI是一套基于bootstrap开发的前端组件库,同时她也是一套设计规范。通过SUI,可以非常方便的设计和实现精美的页面。
ZUI是一个开源前端实践方案,帮助你快速构现代跨屏应用。
ZUI Github地址:
H-ui前端框架是在bootstrap的思想基础上基于 HTML、CSS、JAVASCRIPT开发的轻量级web前端框架,开源免费,简单灵活,兼容性好,满足大多数中国网站。
H-ui Github地址:
pure.css 一组小,响应CSS模块,您可以使用在每一个web项目
pure.css Github地址:
UIkit是YOOtheme团队开发的一款轻量级、模块化的前端框架,可快速构建强大的前端web界面。UIKit使用的变量基于LESS,具有体积小、模块化、可轻松地自定义主题及响应式设计可在多种环境中使用等特点。UIkit中文网为广大国内开发者提供详尽的中文文档、代码实例等,帮助开发者快速掌握并使用这一框架。
UIkit Github地址:
Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。目前,Bootstrap最新版本为3.0 。Bootstrap中文网致力于为广大国内开发者提供详尽的中文文档、代码实例等,助力开发者掌握并使用这一框架。
Bootstrap中文网:
拼图号称中国版的Bootstrap,优秀的跨屏响应式布局前端开发框架(CSS框架),国内前端框架先驱及领导者,能自动适应电脑、平板、手机等设备,让web前端开发更简单、快速、便捷。
拼图官网:
Plane UI是一个构建 HTML5 应用的跨终端响应式前端界面框架及解决方案。
Plane UI Github地址:
Foundation
Foundation 5是我们最快、最好的构建。多用的功能来帮助编写代码和学习比以往任何时候都要快。
Foundation官网:
mui是最接近原生APP体验的高性能框架。
mui Github地址:
WeUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、icon等各式元素。
WeUI Github地址:
Arale 立足于支付宝的前端需求和国内前端社区,基于Sea.js和spm生态圈,致力发展小而美的前端模块架构,建立了一套从编码测试到部署的开发体系, 是一个开放、简单、易用的前端解决方案。Arale 模块均兼容于 IE6+ 以及 Chrome/Firefox/Safari/Opera 的最新稳定版。
Arale官网:
Semantic UI
Semantic UI 是一款语义化设计的前端开源框架,其功能强大,使用简单,为设计师和开发师提供可复用的完美设计方案。
Semantic UI Github地址:
Jingle UI是一个基于html5、css3开发轻量级的移动webapp 框架,提供一些基本交互方式,常用的组件(scroll,actionsheet,sidemenu,toggle,push2refresh……),帮助您更方便的开发移动应用。
Jingle UI Github地址:
CMUI 是一个专攻移动网页的 UI 框架,它提供了丰富的组件和简洁的接口,开箱即用。CMUI 帮助开发者摆脱样式细节和兼容性困扰,从而腾出更多精力投入到业务开发中。
CMUI Github地址:
以上是在长期工作中总结出来的移动WEB UI框架资源,大家可以根据自己的业务需求去选择合适的WEB UI框架。在此不评价任何一个框架的好坏,存在就有他的合理性,总有他适合的场景。感谢这些项目的贡献者,感谢开源力量!
有用,打赏点饭钱呗~
发表评论:
TA的最新馆藏}

我要回帖

更多关于 2016 web前端ui框架 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信