useful-tools
🔨 一些有用的工具网站（注意：有些网站可能需要翻墙才能看到）
浏览器兼容类🌎
- caniuse (网站开发浏览器兼容性查询)
- browserhacks (一些浏览器兼容写法)
图片类😎
- Tinypng | 智图 (压缩图片)
- Cool Backgrounds (生成好看的渐变背景图)
- carbon (生成类似 mac 风格的代码图片，用于分享)
- Unsplash Source (生成随机图片)
- CSS Sprite Generator (生成雪碧图)
- iconfont (阿里巴巴矢量图标库)
- Preloaders | LOADING.IO (加载图，有些是收费的)
- Material icons (Material icons图标)
- Iloveimg (批量编辑图片的所有工具。包括压缩图片，剪裁图片，图片加水印，转化至jpg图片等等)
- pkgif (任意GIF添加字幕)
- ImageCyborg (一键下载当前网页的所有图片)
- MarkMaker (在线 logo 随机生成工具)
- Removebg (在线移除背景工具，想改图片的背景可以用这个，证件照必备
😀 ) - SVGOMG (SVG图形压缩优化)
代码类⌨️
- Ubuntu pastebin (代码分享)
- Codepen | Jsbin (在线代码编辑)
- CodeSandbox (在线写React,自动编译,有代码提示)
- Ultimate CSS Gradient Generator (生成 css 渐变)
- Grabient (生成漂亮的 css 渐变)
- Character Entity Reference Chart (各种符号的转义字符)
- css三角形产生器 | CSS ARROW PLEASE (生成CSS小三角)
- css clip path 快速生成器
- 缓动函数速查表
- Regexper (正则可视化)
- Regex101 (正则表达式测试)
- Visualgo (数据结构，算法可视化)
- Animista (在线生成 css 动画)
- PageSpeed Insights (测试网站速度，优化性能)
- Learn Git Branching (以动画的形式让你学习 git)
- Asciiflow (生成类似代码注释里那种佛祖的代码。。自己画😄)
- PXtoEM (PX EM 单位换算)
- epic-spinners (一个好看的css loading 代码库)
- Emogrifier (邮件模板必备工具-html转换成内联样式)
- NGINXConfig（生成 nginx 配置）
效率类⚡️
- 墨刀 (画原型图)
- 石墨文档 | 腾讯文档 (多人实时协作的云端文档与表格)
- resume-examples (简历模板)
- Enhancv (生成简历)
- KOPPT (ppt 模板)
- Beautiful.Ai (人工智能 ppt 模板创建)
- Canva (设计模板)
- ProcessOn | draw.io (在线画流程图，思维导图、UI原型图等等)
- WakaTime (跟踪项目花费的时间，得装插件)
- Screen Sizes (移动屏幕尺寸)
- Habitica (游戏化Todo)
- Smallpdf (非常厉害的一个网站，PDF压缩，PDF转PPT，Word，Excel等等都可以直接通过这个页面实现)
- 草料二维码 (在线生成二维码)
- 幕布 (极简大纲笔记，一键生成思维导图)
- Infogram (在线图表制作工具)
- UZER.ME (能够在线使用ps，ai，office，xmind，火狐浏览器等多个应用的网站)
- codelf (开发变量命名神器)
- 表格转换 (Markdown表格生成,LaTex表格生成)
- alltoall (在线文件转换，支持 200 多种文件格式转换)
查询类🔎
- devhints (常用速查表，快速查询各类框架和库的常用方法，很实用)
- 印记中文 (快速查询各类框架和周边库的中文文档)
- Css Triggers (列出了哪些CSS属性在不同的渲染引擎中是否会触发重排或重绘)
- Security Headers (搜索网站是否有不安全的头部 header 设置，并会评分)
- devdocs (各种编程语言 API 文档)