前端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中写数学公式,此 网站提供在浏览器中直接手写数学公式,然后将其转化为包括 LaTexMathMLSymbolTree在内的语法,然后在 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 上持续更新…

你可能感兴趣的:(工具,web)