前端-工具类网站

1. 浏览器兼容类

https://caniuse.com/       (网站开发浏览器兼容性查询)
http://browserhacks.com/          (一些浏览器兼容写法)


2. 图片类

https://tinypng.com/     |     http://zhitu.isux.us/          (压缩图片)
http://www.biaonimeia.com/login                                (psd 标注)
https://coolbackgrounds.io/                                         (生成好看的渐变背景图)
https://carbon.now.sh/                                                  (生成类似 mac 风格的代码图片,用于分享)  
https://source.unsplash.com/                                                (生成随机图片) 
https://spritegen.website-performance.org/                         (生成雪碧图)
http://www.iconfont.cn/plus                                                  (阿里巴巴矢量图标库)
https://icons8.com/preloaders/    |      https://loading.io/     (加载图,**有些是收费的**)
https://www.desktoppr.co/wallpapers                            (好看的壁纸)
https://material.io/tools/icons/?style=baseline              (Material icons图标)


3.代码类

https://paste.ubuntu.com/            (代码分享)
https://codepen.io/pens/             (在线代码编辑)
http://jsbin.com/                         (在线代码编辑)
https://codesandbox.io/                 (在线写React,自动编译,有代码提示)
http://www.colorzilla.com/gradient-editor/         (生成 css 渐变)
https://www.grabient.com/                         (生成漂亮的 css 渐变)
https://dev.w3.org/html5/html-author/charref             (各种符号的转义字符)
http://apps.eky.hk/css-triangle-generator/zh-hant        (css三角形产生器)
https://easings.net/zh-cn?tuyiyi.com        (缓动函数速查表)
https://regexper.com/             (正则可视化)
https://regex101.com/             (正则表达式测试)
https://visualgo.net/en            (数据结构,算法可视化)
http://animista.net/                 (在线生成 css 动画)
https://developers.google.com/speed/pagespeed/insights/) (测试网站速度,优化性能)
https://learngitbranching.js.org/            (以动画的形式让你学习 git)
http://asciiflow.com/                         (生成类似代码注释里那种佛祖的代码。。自己画)
http://pxtoem.com/             (PX EM 单位换算)
http://epic-spinners.epicmax.co/            (一个好看的css loading 代码库)


4. 效率类

https://modao.cc/         (画原型图--墨刀)
https://shimo.im/         (多人实时协作的云端文档与表格--石墨文档)
https://www.hloom.com/resume-examples/         (简历模板)
https://enhancv.com/         (生成简历)
http://www.koppt.cn/index         (ppt 模板)
https://www.canva.com/templates/     (设计模板)
https://www.processon.com/;jsessionid=EC0CB59BD105F6FD0294417AB0B0CC22.jvm1         (在线画流程图,思维导图、UI原型图等等)
https://wakatime.com/         (跟踪项目花费的时间,得装插件)
http://screensiz.es/                (移动屏幕尺寸)
https://habitica.com/             (游戏化Todo)
https://smallpdf.com/         (非常厉害的一个网站,PDF压缩,PDF转PPT,Word,Excel等等都可以直接通过这个页面实现)
https://cli.im/                     (在线生成二维码--草料二维码)
https://ppt.baomitu.com         (在线制作 PPT--声享)
https://mubu.com/                 (极简大纲笔记,一键生成思维导图--幕布)
 


5. 查询类

https://devhints.io/                (常用速查表,快速查询各类框架和库的常用方法,很实用)
https://docschina.org/             (快速查询各类框架和周边库的中文文档)


转载:https://github.com/shenzekun/useful-tools/blob/master/README.md

你可能感兴趣的:(前端-工具类网站)