html5 跨屏框架,Amaze UI优秀案例：跨屏H5前端框架

Amaze UI 自上线以来，从一个纯粹的基于HTML5的开源框架产品到拥有丰富Web 组件和模板，吸引了国内外众多开发者的关注。在Github上，Amaze UI已经收获将近3000个Star，并一度跃居成为Github上的热门开源软件推荐排行榜前十。

Bootstrap框架是目前比较受全球程序员受欢迎的框架之一，因其拥有美观的样式和封装完善的JQ插件，和其它框架无法比拟的扩展。但针对中国开发者，Amaze UI除了开源和组件丰富的特点以外，它还拥有更加本土化的元素。 首先界面操作更加符合中国人的习惯，解决了Bootstrap没有对中文字体做设置的问题。其次， Amaze UI 以国内浏览器兼容性为重要指标，不断加强对各种本土浏览器的支持，帮助广大前端开发者从最繁琐痛苦的浏览器性问题中解脱出来，Amaze UI最新发布的版本中还接入了微信支付。第三，Amaze UI的思路是先移动后PC，避免了两套开发流程。

作为一款本地化支持，移动优先为理念的开源框架产品，Amaze UI已经帮助开发者快速高效的开发出了许多优秀的跨屏前端作品，并深入到各个行业，包括教育、医疗、艺术、金融等等各个领域。

以下是一些工程师和设计师们利用Amaze UI独立开发的一些网站案例展示：

矩阵道优达网站

(PC 端显示)　　(手机端显示)

该网站使用了传统的首页大Banner展示方式。在移动端页面效果展示中，不仅保持主画面与PC网站一致的简洁风格，同时使用Amaze UI已有的段落、分割线和图片轮播组件，通过拖拽便非常轻松实现网站内容的适配，并大福提高了开发效率

某综合性文化网站：

(PC 端显示)    　　(手机端显示)

此网站包含众筹、文化产业基金、影迷互动等等频道等丰富内容，图片是网站内容的重要组成部分。使用Amaze UI框架开发其移动端页面后，图片能够根据用户访问终端设备自动调整尺寸和压缩大小，以最快的加载速度优化其在各种主流移动终端访问体验。

某设计师网站

(PC 端显示)             (手机端显示)

聚集着众多优秀设计师的站点，展现着各种潮流范儿的设计师作品。网站的布局及图片处理直接影响着用户对设计师作品好坏的评判。为了解决PC导航菜单类目繁多及手机屏幕图片展现尺寸有限的问题，Amaze UI 框架提供的分类菜单和轮播式图片展现方式则非常有效的解决了上述问题。

Amaze UI 的初衷来源于云适配把开发过程中积累的包括菜单、轮播图等在内的大量针对手机端的UI控件开放出来方便开发者使用，随着移动端开发的强烈市场需求，云适配便把Amaze UI 作为一个开源产品并用专职团队运营，最终打造成一款完全针对HTML5开发的轻量级、模块化、强调移动优先的开源跨屏前端框架，让开发者只需复制代码便可将这些跨屏组件写入到自己的应用中。

但是移动前端开发过程中的兼容性维护及复杂的屏幕适配还需要花费很多时间去进行，云适配便使用开源的方式，一方面除了能共享现有资源，另外一方面也希望更多的中国开发者能够参与到Amaze UI的建设当中，提供反馈意见，让Amaze UI吸收更多的本土开发者的意见、变得更成熟，成为更懂中国程序员的实用工具。