Amaze UI web mobile 前端框架

目录结构

index.html - 空白 HTML 模板;

blog.html - 博客页面模板(预览);

landing.html - Landing Page 模板(预览);

login.html - 登录界面模板(预览);

sidebar.html - 带边栏的文章模板(预览);

在 app.css 中编写 CSS;

在 app.js 中编写 JavaScript;

移动端首选 Zepto,桌面端选 jQuery,这应该是大多数开发者的共识。那对于跨平台的响应式网站呢?

Zepto 体积小,下载快,但 除了小,还有别的吗? Wifi 普及,4G 降临,那几十 KB 的还那么重要吗?优化一张图片好几个 jQuery 就出来了。

jQuery 体积稍大,这是缺点。但是背后 jQuery 很多细节处理得很到位;成熟的生态圈,很多 jQuery 插件;庞大的社区,使用 jQuery 遇到问题时,可以很快从社区获得解决方案

jQuery 的这些特点有助于有效的提高开发效率。这些都是 Zepto 所缺乏的。

性能考量:体积小不等于执行效率高;而且通过数十万次计算得出一个百分之几的差距,实际是放大了性能差异,实际使用中很少有那么大的计算量。

虽然我们现在使用 Zepto,是从专门针对移动开发时代沿袭过来的。现在增加桌面端支持,Zepto 可能不是一个好的选择。

Amaze UI

Amaze UI 是一个轻量级、 Mobile first 的前端框架, 基于开源社区流行前端框架编写。

为移动而生

Amaze UI 采用业内先进的 mobile first 理念,从小屏逐步扩展到大屏,最终实现所有屏幕适配,适应移动互联潮流。

web

组件丰富,模块化

Amaze UI 含近 20 个 CSS 组件、10 个 JS 组件,更有 17 款包含近 60 个主题的 Widgets,可快速构建界面出色、体验优秀的跨屏页面,大幅度提升你的开发效率。

chinese

本地化支持

相比国外的前端框架,Amaze UI 专注解决中文排版优化问题,根据操作系统调整字体,实现最佳中文排版效果;针对国内主流浏览器及 App 内置浏览器提供更好的兼容性支持,为你节省大量兼容性调试时间。

mobile

轻量级,高性能

Amaze UI 非常注重性能,基于轻量的 Zepto.js 开发,并使用 CSS3 来做动画交互,平滑、高效,更适合移动设备,让你的 Web 应用可以高速载入。

以前大家做web端最多用的是jquery ,包括我也是,随着技术的更新,大家要不断的尝试新的技术和开发

图片资源可以放在 i 目录下。

AmazeUI

├── assets

│ ├── css

│ │ ├── amui.all.css

│ │ ├── amui.all.min.css

│ │ └── app.css

│ ├── i

│ │ ├── [email protected]

│ │ └── favicon.png

│ └── js

│ ├── amui.js

│ ├── amui.min.js

│ ├── amui.widget.helper.js

│ ├── amui.widget.helper.min.js

│ ├── app.js

│ └── zepto.min.js

├── blog.html

├── index.html

├── landing.html

├── login.html

├── sidebar.html

└── widget.html

时间: 2024-08-25 00:08:53

Amaze UI web mobile 前端框架的相关文章

【ui】amazeui前端框架

amazeui Amaze UI是一款较全面的轻量级 (更适于mobile,但也可以用于web)的前端框架. 她综合了业界一些优良插件,直接拿来用而不用一个个去搜索

Boostrap & ZURB Foundation —— Web开发前端框架

webflow: Webflow 允许设计师通过自由的拖拉拽与 CSS 类互动,而定义它们的过程无需写任何一行代码. 用户在完成从设计到 CSS 构架之后,甚至可以在线直接将建好的网页发布,而不需要导出代码到其他发布工具上. 类似的这些 B2D 市场,之所以现在很受欢迎就是在于它们将技术门槛降到了最低,网络产品的开发对于非技术人员变得不再遥不可及. 传统上来说,设计师们通常会自己使用 Photoshop 或者 Illustrator 完成设计这一部分,还有一些构架建造的工具,比如 Twitter

[Amaze UI] 如何推进 mobile first 的前端 Web 方案

背景:云适配创立之初,我们就开始积累自己的前端框架,同时也借鉴了Bootstrap等国外框架的优点.在内部使用过程中,大家一致反映不错,我们就希望把这个产品开源,希望分享给更多的人,也希望更多的人来贡献代码,来共建中国前端开源生态环境. 由于Amaze UI目前处在内测期,我们希望能尽可能多的收集到优秀的.有建设性的反馈建议和看法,与广大优秀前端开发者共同完善Amaze UI 的功能,推动中国移动跨屏前端技术的发展.(内测地址:http://amazeui.org/landing) 下面提前跟大

Amaze UI让HTML5 Web应用接近原生体验

近日,第四届HTML5峰会在北京国际会议中心拉开序幕,云适配携其"HTML5跨屏前端框架Amaze UI"高调亮相,并在大会上了做了<组件化-Web前端开发的未来趋势>的重要演讲. 组件化是Web开发的未来趋势 Web组件化(Web Components)理念,自Google在2013年的I/O大会上提及起,一直都有开发者关注这一开发技术的发展,只是总处于不愠不火的状态.直至去年HTML5规范的正式定稿,Web开发也随之异常火爆,让Web组件化的关注度也随之水涨船高,从今年

样式 bootstrap purecss Amaze UI 推荐

Bootstrap 简洁.直观.强悍的前端开发框架,让web开发更迅速.简单. Bootstrap,来自 Twitter,是目前很受欢迎的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷. 它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架.Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成.Bootstrap一经推出后颇受欢迎,

开发时间缩短90% Amaze UI助H5梦工场响应式网站快速上线

近日,HTML5梦工场使用云适配开源HTML5跨屏前端框架AmazeUI对自身网站进行了重新开发.开发完成的新网站,用户无论通过任何终端访问,网站内容都能保持实时同步,并能以最佳的展现方式呈现出来.   H5梦工场官网在PC和移动端的展示   HTML5梦工场是中国最有影响力的技术社区团队,由国内最早一批HTML5探索者和狂热拥护者发起,为广大开发者搭建一个开放.自由的互动交流平台,旨在推动HTML5在中国的应用与普及.目前,旗下的品牌活动已覆盖了近10万互联网和移动互联网行业的从业者和爱好者.

云适配将推出中国首个开源 HTML5 跨屏前端框架 - Amaze UI

云适配,这是一家能以一行代码将你的网站移动化,实现网址不变且内容实时自动同步的服务提供商.云适配所采用的技术是一项基于云计算.利用html5进行网站跨屏适配,它为目标网站开发一行JS代码,并嵌入PC网站,这个JS代码通过对PC网站目标网页数据的分析和抓取,在云端完成用户当前设备的网页最佳展现方式的计算,最后在浏览器端实现html结构的重排及CSS的重新渲染,以适应移动端用户的浏览习惯. 在他们用一行代码做适配的过程中,积累了一套跨屏的前端常用网页组件,而最近,他们想把这套组件开源出来,将这套组件

手机前端框架UI库(Frozen UI、WeUI、SUI Mobile)

Frozen UI 自述:简单易用,轻量快捷,为移动端服务的前端框架. 主页:http://frozenui.github.io/ 开发团队:QQVIP FD Team Github:https://github.com/frozenui/frozenui Demo:http://frozenui.github.io/frozenui/demo/index.html WeUI 自述:WeUI是一套同微信原生视觉体验一致的基础样式库,为微信 Web 开发量身设计,可以令用户的使用感知更加统一. 开

HTML5前端框架Amaze UI全面开源

近日,国内首个开源 HTML 5 跨屏前端框架 Amaze UI 开放下载体验. Amaze UI 是一个针对 HTML 5 开发的轻量级.模块化.移动优先的跨屏前端框架,通过拆分.封装了一些常用的网页组件,比如轮播图框.文字框等等组件,让前端开发者只用复制代码便可以将这些跨屏的组件写入自己的网页中,而不需要自己在开发的过程中重写一遍. 该框架的特点是 mobilefirst,解决 Web 应用从 PC 向多屏适配的问题,兼容国内主流浏览器和平台,并且专注解决中文排版优化问题,受到不少国内前端开