Amaze UI 试用评测第一弹

hongtao3 发布于 2014/07/24 16:41
阅读 14K+
收藏 1

 

 上周收到Amaze UI的邀请, 有幸成为他们的第一批内测用户。

 

打开Amaze UI 的首页我们首先看到了Amaze UI 的一些特性;

 

 

话说回来,在amaze ui里的很多文档里都有提到对于浏览的支持都是IE 10+ ,通过上边的图我们就很容易知道了,因为他是为移动而生的,但是不知道下来有没有改变一下对于低端浏览器的支持,作为框架其实都应该是全屏适配的么哈。

下来用他们提供的账号登陆进来,先看看里边的料吧。

 

登陆进来后基本跟bootstrap模板差不多,都是从起步开始然后css 再是js等等但是在amazeui里边增加了web组件的支持,这个组件并不是独立存在的而是配合着云适配的webide来进行使用的,其实我感觉这应该才是amazeui的两点所在吧。

已经迫不及待的把源码下一份了,但是貌似有点坑,正常情况下我们的文件组成形式应该都是 images  css  js  这些东西 但是为什么amazeui的目录形式会是这样的。 

 

 

 

先不管这些,其实妹纸的占用空间还是很小的。

从整体上来看妹子ui的整体和其他的开源框架都是很相似的,但是作为国人自己的开源框架毕竟应该有一些不同,下来咱们还是看看亮点吧。

桌面图标

 

Amaze UI 率先增加了针对桌面图标 touch Icon 的支持,并对Touch Icon做了终极解决方案。

 

 

 

·         rel="apple-touch-icon-precomposed":不给 Icon 添加额外的效果;兼容 Android 1.5 - 2.1

·         Icon 尺寸:144px * 144px,兼容 iPhoneiPad 及绝大部分安卓设备。

 

 

 

兼容性列表

 

GBS YUI 团队提出的应对日益增长的浏览器兼容问题的思路

 

 

A 级:最高支持级别,充分利用 H5 CSS3 等技术,提供最优的视觉和交互效果。

B 级:有限支持,基本的样式和正常的交互,不考虑视觉、交互效果。

C 级:核心支持,显示语义化的 HTML 标记渲染的内容,不考虑样式和行为。

X 级:未知、零散的很少使用或已经停止开发的浏览器,可能不支持,也可能支持。

 

WEB 组件支持

Web Components 颇令人向往,无奈浏览器支持有限,所以,Amaze UI Web 组件按照 Web Components 的实现形式,使用浏览器支持更为普及的技术,将移动开发中常用的组件切割成不同部分,实现类 Web Components 的组件,提高开发效率。

Amaze UI Web 组件 通过一个 package.json 文件描述,每个组件由模板(hbs)、样式(LESS)、交互(JS)三部分组成,其中样式可能有多个文件(不同的主题)。组件样式和交互以 CSS JS 插件 为基础编写;使用 Handlebars 作为模板引擎。

 

剩下的东西基本就和其他的差不多,但是在amaze UI里边最大的不同是他们对于中文的支持很强大,就像他们所说的那样最为国内的开源框架,还是有一些国情需要将就下的。

 

 

这里没有用amaze ui去做一些实际的东西,下来在把做东西的一些实例放出来让大家尝尝鲜,总体上感觉很是不错,国内还是很需要一些自己的开源前端框架存在的。

加载中
0
云适配
云适配

感谢你的支持。

快到  http://my.oschina.net/Amazeui/blog/293278?p=2#comments 领取零食吧~

0
tngou
tngou

恩,,妹子UI的确还不错,用她做了一个网站   http://www.tngou.net/tech PC端访问的样式一般,,不过移动端访问效果真的不错!


tngou
tngou
回复 @你是我的糖 : 恩,,的确,,开始设计是一次点击展开,一次点击隐藏,
Winnie-Song
Winnie-Song
你的网站底部有BUG啊,点脚里面的QQ,微博等图标提示信息不能消失啊,都叠一起了
0
tngou
tngou
再来一个基于 99% 妹子css做的论坛  http://www.tngou.net/bbs
0
漫步海边小路
漫步海边小路
看起来还不错,不知道以后发展会怎么样
返回顶部
顶部