常用网站收集
自动化测试
- eTest :一个简单易用的集成测试工具
网站主题
- colordrop :在线颜色组合调试工具
- zhongguose :中科院色谱的中国传统色
- coolors :在线快速配色生成工具
- materialpalette :material design palette
- picular :
- webgradients :
- colorfavs :
ColorDrop 是一个提供设计开发上绝佳的色彩的来源站点，帮助设计师在线调试颜色组合，该网站把四个不同的颜色整合在一起，点击其中一个颜色后会跳出对应的颜色参数(HEX/RGB)，设计师可以将这些颜色应用于设计项目。
git 仓库
gogs :一个可以搭建自己的私人代码仓库
命名
codelf：变量命名神器 有一种痛 😖😖😖，不是程序员可能不懂，但如果是程序员一定懂，那就是给变量或函数命名。
html 头部标签
HEAD ：html 头部 标签 🏷️ 指南 🧭
网站字体
- fontke ：中文字体下载
- igfonts ：字体转成花样文字表情 😊
- fontke ：中文字体转换成网站字体下载
- 字蛛 ：字蛛 🕷️ 是一个中文字体压缩器
- fontspace ：fontspace
icon
- easyicon： 一个图标搜索 🔍 下载 ⏬ 网
- cssicon： 一个 css 实现图标样式
- iconfont ：阿里巴巴矢量图标库
- 寻图标 :最多样化的图标库
- chuangzaoshi : 草莓图标库
- iconstore :
- flaticon :高质量图标素材
- icons8 :系统平台风格和 web 图标库
- ikonate : 可定制和使用的矢量图标库
占位图
imageholder ： 生产占位图片
图片优化
- tinypng 一个压缩 🗜️PNG 的神站 🐼
- zhitu：智图为图片智能选择合适的图片格式压缩 🗜️,
- Compressor：一个使用本地 canvas.toBlob API 进行图像有损压缩的 js 库
- pica：pica 一个在浏览器中调整图像大小，而不会出现像素失真，处理速度非常快的图片处理库
- merge-images：一个将多张图片合并成一张图的 js 插件,
- cropperjs：一款强大的图片裁切库, 支持灵活的图片裁切方式,
- grade：一个基于图像中的前 2 种主要颜色生成互补渐变背景的库
- fabricjs：一个基于 canvas 元素的图片编辑器
- lena：一个轻量级的可以给你图像加各种滤镜的 js 库
markdown 文档
- 羽雀 ：语雀- 专业的 ☁️ 云端知识库 优雅高效的在线文档编辑与协同 🔧 工具,
- gitbook：For you, your users and your team
- vuepress：Vue-powered Static Site Generator
- docsify 神奇的文档网站生成器
- docz：用 MDX 写 React UI 组件文档
- storybook： Build bulletproof UI components faster
- apidocjs：apidoc 是一个轻量级的在线 REST 接口文档生成系统，可以根据其特定的规则的代码注释来生成静态网页
- hexo：Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页
- swagger：API Tools for Individuals, Teams, and Enterprise
- Markdown Nice：支持微信公众号、知乎和稀土掘
代码美化
editor
- 百度 editor 所见即所得富文本 web 编辑器,
- 经典的 ckeditor Smart WYSIWYG editor components with collaborative editing. Join Microsoft, Mozilla, Adobe and 24k+ other happy customers.
- 经典的 kindeditor html 编辑器 在线编辑器 可视化编辑器
- wysiwyg 为 Bootstrap 定制的微型所见即所得富文本编辑器
- tower 用的编辑器 一个基于浏览器所见即所得的文本编辑器
- summernote 是一个界面比较简洁美观的富文本编辑器
- XEditor 是一个基于 jQuery 开发的简单迷你并且高效的在线可视化 HTML 编辑器
- wangEditor 轻量级 web 富文本编辑器
css
- css-tricks 专注 css
- css-doodle 是一个用来绘制 CSS 图案的 WEB 组
- tools 在线 css3 动画制作
- CSS-Inspiration CSS 灵感，展示不同 CSS 属性或者不同的课题使用 CSS 来解决的各种方法
- magicCss 一款独特的 CSS3 动画特效包
- spritejs 一款简单的 canvas 绘图框架
- matrix ：css3 动画转换
- cssdeck ： 在线 CSS 前端代码 Demo 样式效果
- animista ： 前端炫酷样式技能效果,各种各样的动画效果，提供在线的 CSS 代码
动画库
- popmotion 小巧，灵活的 JavaScript 运动 🏊♀️ 引擎
- animate animate.css 是来自 dropbox 的工程师 Daniel Eden 开发的一款 CSS3 的动画效果小类库
- Hover.css Hover.css 是一套使用 CSS3 动画实现的 Hover 特效集锦
- bouncejs Bounce.js 是一个用来生成不错的 CSS3 驱动关键帧动画的工具
- Effeckt 针对不同 UI 的 CSS3 动画和过渡效果集，包含了丰富的 CSS3 动画和过渡效果
js
- jsdm 是一个 WEB 前端在线编辑器，可同时编辑 HTML、CSS、JAVASCRIPT 代码，并即时预览！
- jsbin WEB 前端在线编辑器
- codepen 一个在线的前端代码编辑运行的网站
- obfuscator 前端代码混淆工具
svg
-snapsvg SVG 动效的 JS 库,各种炫酷的效果。 -squoosh SVG
XSS
XSS 根据白名单过滤 HTML(防止 XSS 攻击)
二维码生成
- 草料二维码 草料二维码生成器
- PDF24 Tools 免费且易于使用的在线 PDF 工具
- pdfpai 20 个好用的 PDF 在线工具，完全免费！
- pdfmake Client/server side PDF printing in pure JavaScript
- smallpdf支持 PDF 转 Word、PDF 转图片、PDF 转 Excel、PDF 转 PPT、PDF 拆分、PDF 合并以及 PDF 合并等服务
- xlsx2json 让 excel 支持复杂的 json 格式(对象，数组，数字，boolean，字符串)，将 xlsx 文件转成 json。
- js-xlsx 一个强大的解析和编写 excel 文件的库。
拼音
身份证
身份证 身份证验证的库
格式时间金钱
numeraljs 一个用于格式化和数字金钱 💰 的 js 库
video
- broken-links 视频
- dplayer
- plyr
- bilibili B 站播放器
vue-video 基于 vue
Email
mailgun 整合Gmail与Mailgun实现免费域名邮
网页导览
smartour Smartour 让网页导览变得更简单
正则
http2
http2 ：http2 demo 演示
ip
iplist 获取本地 IP 信息
gif
cockos GIF 截图工具
管理前端 package
lerna：一款 js 代码库管理软件， 用来对一系列相互耦合比较大、又相互独立的 js git 库进行管理
移动端开发调试
前端性能监控
- webfunny 通过向 html 页面中插入一段简单的 JS 探针代码，实现无埋点监控前端页面的用户行为，包括但不限于 PV/UV、报错日志、请求日志、静态资源加载情况、用户点击行为以及截图信息等等，目的在于帮助前端开发提高解决线上问题的效率
- fundebug 一行代码搞定 BUG 监控
- sentry 是一个集中式日志管理系统
- 性能魔方 为您的网站服务器提供完整云应用性能管理(APM)、网站服务器优化、监测、监控,能帮助您最大程度改进用户体验
- pagespeed 网页性能测试分析工具
测试覆盖率集成
codecov ：测试覆盖率构建 📦 自动化测试环境
搜索库
- microjs：迷你前端开发框架和类库资源收集
- javascripting 最好的资源 javascript 库、框架和插件
nginx
ascll 字符画
github
录屏
web 端视频在线截取
- flowplayer：The Performance First Online Video Platform
截图
- html2canvas：Screenshots with JavaScript
- jscapture：Capture your desktop with Vanilla JavaScript
在线制作绘图
- Cool Backgrounds :背景图生成器 几何
- -trianglify :背景图生成器几何
- 凡科快图: 极简图片编辑工具
- canva: 精彩设计，随时随地。
- removebg: 抠图神器。
- uupoop: 搞定设计，在线 ps
- imgkr 图片上传保存
高清图片素材库
移动端设计参考
徽章
-shields 用来可以生成 在 Markdown 文档中的徽章
extfans
-extfans谷歌插件面翻墙
UI 设计工具与设计资源
-No Design 网站上收集了许多十分便利的 UI 设计工具与设计资源
拖拽
-sortablejs 拖拽 js
存储
-FileSaver 文件存储
抓包
-whistle 基于 Node 实现的跨平台 web 调试代理工具，类似的工具有 Windows 平台上的 Fiddler，主要用于查看、修改 HTTP、HTTPS、Websocket 的请求、响应，也可以作为 HTTP 代理服务器使用