从Bootstrap到Amaze UI

[流金年代]

从事前端开发的工程师们大概都知道Bootstrap，这是Twitter推出的一个开源的用于前端开发的工具包。Bootstrap是基于jQuery框架开发的，它在jQuery框架的基础上进行了更为个性化和人性化的完善，形成一套自己独有的网站风格，并兼容大部分jQuery插件。



Bootstrap 的优点很明显，包含丰富的Web组件，可定制自己的框架代码等等。但这款产品产品在国内也有几个水土不服，比如对中文的支持不够友好，对国内高占有率浏览器，比如搜狗、360的支持不够全面。



以下内容是有硬广告的意思。



云适配在适配手机网站的过程中，积累了一套跨屏的前端常用网页组件，这套组件叫做“Amaze UI”，7月底这套组件将开源出来，让前端开发者都可以免费使用。



既然说从Bootstrap 到 Amaze UI，势必就得介绍Amaze UI的几个特点。

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

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

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

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

目前 Amaze UI 仍是 Beta 版本，势必有很多不足之处（部分文档还在整理中），如果你有兴趣的话，可以到 http://amazeui.org/landing 申请内测体验，也希望你在体验之后，把你的想法和建议反馈给我们，帮助我们一起完善、做出更好的产品。



题外话，技术世界，开源的东西应该拿出来让更多人受益，这便是我们正在努力的。

题外话2，有网友可能会说这是软文，我看更像硬广吧，但是不是得看内容对前端工程师是否有益呢。

[qq_22872917]

先看看先，支持一下

[zhuhaitao880213]

引用 9 楼 XJ09S3 的回复:

感觉挺不错的，

hh

[x678910]

反正现在国内没遇见几个用的

[lcjSharp]

这个支持一下 收下了

[迈克尔思科菲尔德]

可以有

[jquery起步之路忘各位大大不吝赐教]

各位大神我有一个问题<div class="shang"><ul> <li></li> <li></li> <li></li> <li></li> </ul></div> <div class="xia"><div class="one">sd</div><div class="two">sdsd</div><div class="three">sdsd</div><div class="four">sdsd</div></div>现在这些个one，two等等都是隐藏的，但是当鼠标移动到第一个li上one显示，移动到第二个li上two显示，移走就消失。。。怎么做到？

[uFreeWo]

不管怎么样，好东西就留着吧，没有啥是一蹴而就的，，加油

[viptanw]

中国的前端有希望了

[dianlian163]

顺便帮你顶一下

[悠闲的包子]

有时间看一下，顺便帮你顶一下

[fonglezen]

什么情况下使用bootstrap或者amaze UI？我平时都不用这两个东西。

[lststwhy]

学习，接分。感谢楼主！

[jiang072220]

有时间研究下

[好色老僧]

接分

[wbl12302008]

谢谢分享 一定抽时间了解一下Amaze UI

[joh_killer]

没用过.有机会尝试下...

[397036756]

试试 看看怎么样。

[Devil_D]

学习

[pya789]

私活用过一次妹子ui 性能有点低啊

[my_web007]

正在使用AMAZE 感觉还不错 其实和bootstrap基本一样