前端web各种有用的工具以及开发网站精选

regexper

在线测试正则表达式代表的含义，能够将你输入的正则表达式用图画的形式表现出来

官网： https://regexper.com/

---

oschina

各种常见在线工具网站
例如 在线 js压缩、合并、JSON格式化、jQuery文档、RGB颜色参考、代码对比、Less编译、图片转 Base64、加密、进制转换、二维码生成等。

官网： http://tool.oschina.net/

---

网页实时编辑预览

在线HTML CSS JS Console Output 动态实时编辑工具

此类网站有 jsbin.com、codepen.io、jsfiddle等

---

caniuse

在线查询各类主流浏览器对html5、css3等新技术的支持程度

官网：http://caniuse.com/

---

video-to-gif

对GIF文件进行各种操作，包括调整大小、剪辑，以及将各种格式的视频文件在线转换成GIF

官网：https://ezgif.com/video-to-gif

---

图标字体

制作图标字体，将SVG转换成字体文件

官网：https://icomoon.io/

---

阿里 icon图标 iconfont.cn

导出 Svg、AI、Png格式的图片文件，与之类似的图标网站还有 http://fontawesome.io/ http://www.easyicon.net/ 等

官网：http://www.iconfont.cn/

---

cloudinary

国外图床，除了一般图床功能之外，还带有混合视频与视频以及视频与音频，甚至为视频去除声音的功能

官网：http://cloudinary.com/

---

ios-app-icon

可以下载到各种 app图标的PSD文件，定制化程度比较高，并且对于IOS支持较好，但是需要具备一定的PS能力

官网：https://applypixels.com/template/ios-app-icon/

---

APP分发测试

提供足够多的机型资源来内测 app应用

官网：https://www.pgyer.com/

---

makeappicon

在线上传、下载、调整 app图标，一次性导出适配各种平台的图标，方便快捷（收费）

官网：https://makeappicon.com/

---

快速获取测试图片

直接根据链接请求生成需要的图片

官网：http://dummyimage.com/

---

站长工具

提供 IP查询、DNS查询、Alexa排名查询、robots.txt生成、机器人模拟抓取、网站GZIP压缩、SEO综合查询、SEO优化建议、关键字排名查询、百度权重查询、加密解密、配色工具等。等

官网：http://tool.chinaz.com/

---

YSlow

统计网站加载的JS CSS 图片等文件体积，分析网站加载速度的工具，可以直接在 Chrome FireFox等浏览器上直接安装此插件

官网：http://yslow.org/

---

CSS3 transform To IE filter

将适用于现代浏览器的CSS3 transform 在线转换成适用于IE的矩阵滤镜工具 IE’s CSS3 Transforms Translator

官网：http://www.useragentman.com/IETransformsTranslator/

---

字符表情Emoji

• 获取 Emoji 表情的 HTML实体：https://mothereff.in/html-entities，
  使用手机进入此网站，在输入框输入 emoji表情，可实时输出对应的HTML实体.
• 获取 Emoji 表情:http://emojipedia.org/apple/，
  此网站可以看到每个系统的高清表情图片，每一个子表情页面，可以看到每个手机系统不同的设计，还有表情的最新unicode编码。

---

智库

腾讯ISUX前端团队开发的一个专门用于图片压缩和图片格式转换的平台，其功能包括针对png,jpeg,gif等各类格式图片的压缩，
以及为上传图片自动选择最优的图片格式。同时，智图平台还会为用户转换一份webp格式的图片

官网：http://zhitu.isux.us/

---

三次贝塞尔曲线在线绘制

能够根据曲线自动输出 canvas路径参数

官网：http://blogs.sitepointstatic.com/examples/tech/canvas-curves/bezier-curve.html

---

以动画的形式导出对应的CSS3代码

官网：http://jeremyckahn.github.io/stylie/

高清图库 pixabay

免费自由公开的高清图片、插画、矢量图、短视频网站，具备对外开放的 API

官网：https://pixabay.com/

---

builtwith

查看某个网站运用到了哪些技术，例如后端语言、后端框架、前端框架、前端库、域名解析服务商、调用了哪些 API等

官网：https://builtwith.com/

---

玉兔

腾讯出品的 H5制作、预览工具，有模板和各种特效，像做PPT一样创建H5

官网：http://yutu.qq.com/

---

绿色小巧的录屏工具（支持导出 gif）

• LICEcap 快速录制，安装包不到 500KB，支持拖动选取一个合适的大小范围

• GifCam 相比于上一个，GifCam 功能更加丰富，录制过程可调整窗口大小/位置，可以暂停/继续，录制范围内无变化则不增加新帧而只增加延时，
  有效较小文件尺寸，可手动录制单帧，编辑状态可查看每一帧，下可以删除帧、增加当前帧延时，解压后大小 1.5MB

• ScreenToGif 相比于上面两个，功能更加齐全强大，所以安装包稍大，但也只有 9MB，目前好像没有 Mac版
• kap
• QuickTime Player: 只有 mac OS系统版本
• Gituhb 上有专门的 topic screen-recorder，里面有很多开元小巧的屏幕录制工具

小众软件

分享免费、小巧、实用、有趣、绿色的软件，上面几个录屏软件就是来源于此。

官网：http://www.appinn.com/

TeamViewer

远程控制软件，qq桌面版也有远程控制的功能，但是那效果太惨不忍睹，用起来简直就是折磨人，此款软件是收费软件，但是如果是个人用户使用则免费，比较是专业软件，使用起来流畅程度甩 qq几条街，并且完美缩放对方屏幕大小，推荐使用。

官网：https://www.teamviewer.com/zhcn/

在 MarkDown中写数学公式

MarkDown支持 LaTex语法，但是这语法可能有点复杂，懒得学，然而又想在 MarkDown中写数学公式，此 网站提供在浏览器中直接手写数学公式，然后将其转化为包括 LaTex、MathML、SymbolTree在内的语法，然后在 MarkDown文件中引入下面这段 js（有的在线 md编辑器可能已经帮你引好了，这用的是MathJax引擎），接着直接将转化好的公式复制到 md文件中即可~

<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=default">script>

例如下面这个数学公式就是使用 LaTex语法写出来的：

x2+y=0 x 2 + y = 0

官网：https://webdemo.myscript.com/views/math.html

---

github 上持续更新…