前端web各种工具开发网站

1. 在线测试正则表达式代表的含义
   动画演示
2. 各种常见在线工具网站 tool.oschina.net
   例如 在线 js压缩、合并、JSON格式化、jQuery文档、RGB颜色参考、代码对比、Less编译、图片转 Base64、加密、进制转换、二维码生成等。
3. 在线HTML CSS JS Console Output 动态实时编辑工具 jsbin.com
4. 在线js编辑，并检查是否符合规范 jshint.com
5. 在线查询各类主流浏览器对html5、css3等新技术的支持程度 caniuse
6. 对GIF文件进行各种操作，包括调整大小、剪辑，以及将各种格式的视频文件在线转换成GIF
7. 制作图标字体，将SVG转换成字体文件 iconmoon.io
8. 国外图床，除了一般图床功能之外，还带有混合视频与视频以及视频与音频，甚至为视频去除声音的功能 cloudinary.com
9. 可以下载到各种app图标的PSD文件，定制化程度比较高，并且对于IOS支持较好，但是需要具备一定的PS能力
10. APP分发测试
11. 在线上传、下载图标，方便快捷（可能需要科学上网）
12. 直接请求生成测试用的图片
    例如生成一个长为200，宽为150，16进制颜色值为 FF6600的图片，则直接请求URL路径 https://dummyimage.com/150x100/FF6600 即可
13. 阿里icon图标 iconfont.cn
14. 站长工具
    IP查询、DNS查询、Alexa排名查询、robots.txt生成、机器人模拟抓取、网站GZIP压缩、SEO综合查询、SEO优化建议、关键字排名查询、百度权重查询、加密解密、配色工具等。
15. 统计网站加载的JS CSS 图片等文件体积，分析网站加载速度的工具，可以直接在 Chrome FireFox等浏览器上直接安装此插件 YSlow
16. 将适用于现代浏览器的CSS3 transform转换成适用于IE的矩阵滤镜工具 IE’s CSS3 Transforms Translator
17. 关于 字符表情Emoji
    
    • 获取 Emoji 表情的 HTML实体：https://mothereff.in/html-entities，使用手机进入此网站，在输入框输入 emoji表情，可实时输出对应的HTML实体.
    • 获取 Emoji 表情:http://emojipedia.org/apple/，此网站可以看到每个系统的高清表情图片，每一个子表情页面，可以看到每个手机系统不同的设计，还有表情的最新unicode编码。
18. 智库
    腾讯ISUX前端团队开发的一个专门用于图片压缩和图片格式转换的平台，其功能包括针对png,jpeg,gif等各类格式图片的压缩，以及为上传图片自动选择最优的图片格式。同时，智图平台还会为用户转换一份webp格式的图片
19. 三次贝塞尔曲线在线绘制
    
    • 根据曲线自动输出 canvas路径参数
20. 高清图库 pixabay
    免费自由公开的高清图片、插画、矢量图、短视频网站，具备对外开放的 API
21. builtwith
    查看某个网站运用到了哪些技术，例如后端语言、后端框架、前端框架、前端库、域名解析服务商、调用了哪些 API等。