从Bootstrap到Amaze UI

流金年代 2014-07-17 02:06:51

加精

从事前端开发的工程师们大概都知道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，有网友可能会说这是软文，我看更像硬广吧，但是不是得看内容对前端工程师是否有益呢。

...全文

22805 121 打赏收藏转发到动态举报

写回复

用AI写文章

121 条回复

切换为时间正序

请发表友善的回复…

发表回复

my_web007 2015-12-23

打赏
举报

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

pya789 2015-12-20

打赏
举报

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

Devil_D 2015-12-18

打赏
举报

学习

397036756 2015-12-17

打赏
举报

试试看看怎么样。

joh_killer 2015-12-11

打赏
举报

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

wbl12302008 2015-01-07

打赏
举报

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

好色老僧 2014-11-25

打赏
举报

接分

jiang072220 2014-11-22

打赏
举报

有时间研究下

lststwhy 2014-11-20

打赏
举报

学习，接分。感谢楼主！

fonglezen 2014-11-18

打赏
举报

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

悠闲的包子 2014-11-15

打赏
举报

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

dianlian163 2014-11-14

打赏
举报

顺便帮你顶一下

viptanw 2014-11-13

打赏
举报

中国的前端有希望了

uFreeWo 2014-11-12

打赏
举报

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

jquery起步之路忘各位大大不吝赐教 2014-11-12

打赏
举报

各位大神我有一个问题<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显示，移走就消失。。。怎么做到？