干货讲堂：让码农、设计师和前端更轻松的5个工具
在这个开源的时代，你还在加班为每一个小功能的实现自己“码码码”吗?今天想早点下班的你，快来看看我最新发现的工具包吧！包含：UI设计、嗨创免费自主建站、矢量图库等。有了他们，这些功能你只需要直接用，或者用一点时间把他们优化的比作者创造时更人性化就可以啦。设计师和h5开发人员现在都注意了，重要的事情只说一遍！发包了，快来收包！
第1个小工具：Bootstrap Magic
推荐指数：★★★★★
Bootstrap-magic
最近的简历库项目中用到了bootstrap，他是目前很受欢迎的前端框架，简洁灵活，使得 Web 开发更加快捷。Bootstrap Magic这个在线工具支持可视化定制Bootstap。通过使用这个网站，您还可以创建自己的bootstrap主题。
从图中能看出bootstrap-magic上的颜色选择都是支持颜色选择器的，在对navbar修改了色值后，直接就能看到效果了。设计师可以直接做好css样式扔给前端开发哥哥啦!!!
第2个小工具：在线图标字体生成器IcoMoon
推荐指数：★★★★★
icomoon.io
使用icomoon您可以轻松地搜索和下载矢量图标或生成的图标字体。这个工具也可以用于图标集管理。这样的字体图标可以像平时我们用字体样进行各种控制，例如颜色，字号，文字阴影等等。
Icomoon使用起来很简单，唯一需要注意的地方是，如果想修改按键和字体的对应，是在这里，看图中红框的地方。
类似的字体制作软件还有FontCreator,在线站点http://www.iconfont.cn 等等。至于具体怎么使用，官网上都有详细介绍，相信都是很简单的。下图最左侧的橙色搜索icon用的就是字体，右侧数字是一个倒计时应用的案例。
第3个小工具：TinyPNG
推荐指数：★★★★
Tinypng
如何把网页中要用到的图片压缩到最小,这是前端攻城师们在写网页时都会考虑的一个问题。
查看tinypng的源码，在meta上有段关于自己站点的介绍：
—— 使您的网站更快，节省带宽。tinypng优化您的PNG图像50-80%同时保持充分的透明度!
这个网站使用起来非常简单，只需要简单的两步就可以把你要压缩的PNG格式图片压小很多，还基本不会影响图片的质量。前端攻城师们再也不用担心图片太大加载过慢的问题了~
基本上手机上的Html5页面的图片都会用这个站压一遍，例如下面这些项目中的图片都是进行压缩处理过的，一般手机上看的页面都会控制在2兆左右，以免影响观看效果。
第4个小工具：微信官方设计团队出品的WeUi
推荐指数：★★★★★
WeUi
这是一套同微信原生视觉体验一致的基础样式库，为微信Web开发量身设计，令用户的使用感知更加统一。包含button、cell、dialog、toast、article、icon等各式元素。
这有什么好处呢?其实就是让你的应用跟微信官方版本更加统一，而没有违和感。当然更重要的是，这样的库在某些时候可以提高你的开发效率哦。
以前没太注意这个东东，以后有仿微信朋友圈的项目可以采用这个样式库了哇。
第5个小工具：嗨创H5自助建站工具
推荐指数：★★★★★
嗨创www.h5create.com
免费好用的H5自助建站工具。免费、H5、网站建设，这是三个词就足以亮瞎眼了。
据了解，这个平台刚刚上线不久，小编注册后发现功能还是相当强大的。操作台有很多的模板供选择，还可以DIY建站，这算是可圈可点的人性化的设计。除了自由拖拽、酷炫特效之外，微信营销、新闻营销周边服务一应俱全。看来嗨创的技术团队一定有高人。嗨创后台截图：