分享有用的工具网站

GitHub 上会一直更新： https://github.com/shenzekun/useful-tools

🔨 一些有用的工具网站（注意：有些网站可能需要翻墙才能看到）

浏览器兼容类🌎

• caniuse (网站开发浏览器兼容性查询)
• browserhacks (一些浏览器兼容写法)

图片类😎

• Tinypng | 智图 (压缩图片)
• 标你妹啊 (psd 标注)
• Cool Backgrounds (生成好看的渐变背景图)
• carbon (生成类似 mac 风格的代码图片，用于分享)
• Unsplash Source (生成随机图片)
• CSS Sprite Generator (生成雪碧图)
• iconfont (阿里巴巴矢量图标库)
• Preloaders | LOADING.IO (加载图，有些是收费的)
• desktoppr (好看的壁纸)
• Material icons (Material icons 图标)
• Iloveimg (批量编辑图片的所有工具。包括压缩图片，剪裁图片，图片加水印，转化至 jpg 图片等等)
• pkgif (任意 GIF 添加字幕)
• ImageCyborg (一键下载当前网页的所有图片)
• MarkMaker (在线 logo 随机生成工具)
• Removebg (在线移除背景工具，想改图片的背景可以用这个，证件照必备😀)

代码类⌨️

• Ubuntu pastebin (代码分享)
• Codepen (在线代码编辑)
• Jsbin (在线代码编辑)
• CodeSandbox (在线写 React,自动编译,有代码提示)
• Ultimate CSS Gradient Generator (生成 css 渐变)
• Grabient (生成漂亮的 css 渐变)
• Character Entity Reference Chart (各种符号的转义字符)
• css 三角形产生器
• 缓动函数速查表
• Regexper (正则可视化)
• Regex101 (正则表达式测试)
• Visualgo (数据结构，算法可视化)
• Animista (在线生成 css 动画)
• PageSpeed Insights (测试网站速度，优化性能)
• Learn Git Branching (以动画的形式让你学习 git)
• Asciiflow (生成类似代码注释里那种佛祖的代码。。自己画😄)
• PXtoEM (PX EM 单位换算)
• epic-spinners (一个好看的 css loading 代码库)

效率类⚡️

• 墨刀 (画原型图)
• 石墨文档 (多人实时协作的云端文档与表格)
• resume-examples (简历模板)
• Enhancv (生成简历)
• KOPPT (ppt 模板)
• Beautiful.Ai (人工智能 ppt 模板创建)
• Canva (设计模板)
• ProcessOn (在线画流程图，思维导图、UI 原型图等等)
• WakaTime (跟踪项目花费的时间，得装插件)
• Screen Sizes (移动屏幕尺寸)
• Habitica (游戏化 Todo)
• Smallpdf (非常厉害的一个网站，PDF 压缩，PDF 转 PPT，Word，Excel 等等都可以直接通过这个页面实现)
• 草料二维码 (在线生成二维码)
• 声享 (在线制作 PPT)
• 幕布 (极简大纲笔记，一键生成思维导图)
• Infogram (在线图表制作工具)
• UZER.ME (能够在线使用 ps，ai，office，xmind，火狐浏览器等多个应用的网站)
• NiceTool (在线工具集合网站)
• codelf (开发变量命名神器)
• 表格转换 (Markdown 表格生成,LaTex 表格生成)
• JSONPath (在线 JSON 提取工具)
• JMESPath (在线 JSON 提取工具)

查询类🔎

• devhints (常用速查表，快速查询各类框架和库的常用方法，很实用)
• 印记中文 (快速查询各类框架和周边库的中文文档)
• Css Triggers (列出了哪些 CSS 属性在不同的渲染引擎中是否会触发重排或重绘)
• Security Headers (搜索网站是否有不安全的头部 header 设置，并会评分)