好用的在线工具（附地址）

最近项目时间紧张，马上就要上线了，工作要紧。

工作使我快乐！工作使我感恩！！工作使我富有！！！

等不忙的时候我会把项目上遇到的问题整理一下发表出来
下一篇我会写关于json和前后端数据交互的专题

前端工具
URL在线编码解码（中文传值）
http://www.jsons.cn/urlencode/
另一个URL在线编码解码（里面还有很多生活工具）
https://www.sojson.com/encodeurl.html
favicon在线制作（网站小图标）
https://tool.lu/favicon/
图片压缩（前端项目提高页面加载速度，提升用户体验）
https://www.yasuotu.com/
rgb转16进制颜色代码转换（配色很重要是网页的门面担当）
http://www.yuangongju.com/color
字体图标库 Font-Awesome（简洁大气上档次）
http://www.yuangongju.com/fonticon

如何使用FontAwesome?
下载官方提供的CSS和字体文件，并复制到您的项目中。 
在您的项目代码 <head> 中引入 font-awesome.min.css.
<link rel="stylesheet" type="text/css" href="../../static/css/animate/font-awesome.min.css">
您可以在任何地方使用 Font Awesome 只需要添加css类 fa ， fa-***。
<i class="fa fa-camera-retro"></i>

在这里插入图片描述 加大强调！！！这里要注意引入的路径，不然没有效果。

CSS3动画库（可以看到所有炫酷的动画效果展示，不用再纠结选哪个好）
http://www.yuangongju.com/animate

如何使用 Animate.css?
下载Animate.css，并复制到您的项目中。 
在您的项目代码 <head> 标签中引入 Amimate.css 文件。
<link rel="stylesheet" type="text/css" href="../../static/css/animate/animate.min.css">
使用 Amimate.css定义的类给指定的元素添加动画：
class类从展示页面粘过来就可以了，infinite是循环，可加可不加
<h1 class="animated infinite bounce">Example</h1>