一个不错的编程小挑战 没事的时候可以试试

妹子UI介绍

为移动而生

Amaze UI 以移动优先（Mobile first）为理念，从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。

组件丰富，模块化

Amaze UI 含近 20 个 CSS 组件、20 余 JS 组件，更有多个包含不同主题的 Web 组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。

相比国外框架，Amaze UI 关注中文排版，根据用户代理调整字体，实现更好的中文排版效果；兼顾国内主流浏览器及 App 内置浏览器兼容支持。

轻量级，高性能

Amaze UI 面向 HTML5 开发，使用 CSS3 来做动画交互，平滑、高效，更适合移动设备，让 Web 应用更快速载入。

了解：妹子UI

挑战内容：

1、实现留言板调用系统时间。

2、留言板调用头像，并实现交错提交。类似于微信的界面。

3、为留言插入简单的表情。

参考知识库：使用Amaze UI制作留言板

提交方式：

录制代码编写过程或最终代码：点击开始

跟帖发布代码预览地址（使用GB按钮可以直接嵌入发帖回复中）：演示地址

【强烈提醒】尽量通过添加课程，在本文评论中附上链接的方式提交答案，有特别奖励～

【强烈提醒】提交了答案的人，请扫描下图中的二维码，加入微信群，方便工作人员进行信息统计

本期礼品：

1、获赞数最多的参赛者获得：HTML5权威指南 [The Definitive Guide To HTML5]

2、获赞数最多的第前三名参赛者获得：妹子UI头衫一套

3、获赞数最多的第二至五名参赛者同时可以获得：任选一本

《HTML5程序设计（第2版）》

《疯狂HTML 5/CSS3/JavaScript讲义（附CD光盘） 》

《HTML5移动Web开发指南》

2、获赞数最多的5-10名参赛者获得：获得社区达人权限及作品加精30个金币。（保存作品需要提交封面图片，切记呦）

3、获得赞数需高于3个能才进入评选。

如何增加获奖机率？

最佳特效讲解奖： 课程录制过程及讲解详细完整

最佳特效参与奖： 新人参加本挑战均有机会获取奖品

原文链接：http://www.gbtags.com/gb/share/9735.htm