Demo：
站在别人的肩上
基于button maker。
改进：
- 增加text-shadow、box-shadow、border等css属性
- 增加:active伪类支持
- 增加IE hack，实现IE优雅降级
- 生成样式时，剔除不需要的代码，如:hover时样式和正常状态一样、:active时和:hover时样式一样，这些情况下样式的重复定义都是没有意义的，剔除之。
- 通过fixed定位，代替js位置计算
- 增加中文字体集
- 0px转化为0
需要改进的：
- 目前只支持两种色值的渐变，3种较为理想，并且不支持自定义渐变的方向
- IE最好有更少的降级
- 拖动条最好用html5的range控件来实现
- 脚本可以再完善
价值：
接手“前端和视觉之间的故事”这个团队内部的项目已经有一段时间了，一直没有找到一个让视觉同学了解前端可以做什么、前端有什么新技术的好方法，一旦这个做不好，让视觉协助我们前端做一些渐进增强的东西就很困难。
无意中我看到了Chris Coyier的button maker，我想这是一个有效解决问题的好方法，视觉用我们提供的工具进行设计，设计完成后，前端的代码也完成了，太棒了。为此我在征得Chris Coyier的同意后，借鉴了他的代码，进行了如上提到的改进，给视觉看后，似乎很认可，希望能真的运用到设计中去。
7 Comments