tools

2019-07-29-tools

转自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 (在线移除背景工具，想改图片的背景可以用这个，证件照必备😀)
• SVGOMG (SVG图形压缩优化)

代码类⌨️

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

效率类⚡️

• 墨刀 (画原型图)
• 石墨文档 | 腾讯文档 (多人实时协作的云端文档与表格)
• 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 设置，并会评分)
• devdocs (各种编程语言 API 文档)
• Seepdtest(测速网站)
  • 300M的家庭带宽，家庭网络需要使用千兆无线路由器、千兆网线组网
  • 1Mbps=1024Kbps=128KB/s, 300Mbps=300x128=38400KB/s=37.5MB/s
• 关于网线:
  • 五类线：该类电缆增加了绕线密度，传输带宽为100MHz，用于语音传输和最高传输速率为100Mbps的数据传输，主要用于100BASE-T和10BASE-T网络，已被超五类线替代。
  • 超五类线：具有衰减小，串扰少，比五类线增加了近端串音功率和的测试要求，并且具有更高的衰减串扰比（ACR)和信噪比、更小的时延误差，性能得到很大提高。超五类线的最大带宽为100MHz。
  • 六类线：的传输性能远远高于超五类标准，最适用于传输速率为1Gbps的应用。六类与超五类的一个重要的不同点在于：改善了在串扰以及回波损耗方面的性能，对于新一代全双工的高速网络应用而言，优良的回波损耗性能是极重要的。
  • 超六类线：是六类线的改进版，发布于2008年，同样是ANSI/TIA-568C.2和ISO/IEC 11801超六类/EA级标准中规定的一种双绞线电缆，主要应用于万兆位网络中。传输频率500 MHz，最大传输速度也可达到10Gbps ，在外部串扰等方面有较大改善
  • 七类线：该线是ISO/IEC 11801 7类/F级标准中于2002年, 认可的一种双绞线，它主要为了适应万兆以太网技术的应用和发展。但它不再是一种非屏蔽双绞线了，而是一种屏蔽双绞线，所以它的传输频率至少可达600 MHz，传输速率可达10 Gbps。