Home

有用和有趣的网站收录

这里收集了我在日常网上冲浪中发现的很有用或者有意思的站点，不定期更新 ~

常用置顶

  1. tinypng：十分好用的png、jpg图片压缩站点
  2. iconfont：这个网站让我再也不用为找图标发愁

JS CDN

  1. jsDelivr：unpkg的国内代替版，支持所有npm包和github包
  2. cdnjs国内替代版：支持cdnjs的所有库，也支持google fonts
  3. bootcdn：支持当下热门的前端开源项目cdn

For Coders, For JS

  1. 正则表达式在线测试：可以很便捷测试正则表达式，而且会解释表达式每部分的作用，真是(我这个)正则表达式恐惧者的利器
  2. JavaScript "loose" comparison step by step：有了它，再也不怕js里的==比较符内部的隐式转换是怎么个转换方式了。
  3. npmfs：可以快捷浏览npm包的所有版本、有跨版本diff等功能
  4. carbon：将代码片段变成一个十分利于分享的图片

CSS

  1. CSS Triggers：收录了css的哪些属性会触发浏览器的layout、paint、composite
  2. cubic-bezier：css贝塞尔曲线生成器
  3. Easing functions：列举了很多的缓动函数，有的可用cubic-bezier实现，有的可用@keyframes实现

(CSS) Colors

  1. WebGradients：提供了很多的很好看的渐变色
  2. grabient：同上，提供了很多的很好看的渐变色
  3. color-hex：可以查询某个颜色的几乎所有的相关元信息，还会提供与之搭配的color palette
  4. CSS Gradient Generator：在线手动生成css渐变色

(CSS) Fonts

  1. font-converter：在线字体格式转换，Convert to TTF, OTF, EOT, WOFF, WOFF 2 and SVG

Chores Cheatsheet

  1. html entities：很直观全面的html实体符号
  2. unicode字符百科：可以查找任何的unicode字符
  3. emoji cheatsheet：emoji codes

Licenses (软件协议相关)

  1. choose a license：不知道给你的项目选择什么协议？点进来吧。
  2. Software Licenses in Plain English：用通俗的英文给你解释不同的软件协议都包含什么
  3. SPDX License List：列举了十分全面的协议名称 (npm的license字段支持该列表列举的)

设计(图片、图标、音乐等)

  1. unsplash：十分分棒的图片分享/搜索网站，并且可以保证图片都是100%免费的哦。不过我们还是要养成好习惯，尽可能credit作者~
  2. undraw：提供完全免费的插画资源 (我的小站用的就是这里的插画~)
  3. icons8：里面包含有免费的图标、照片、插图(很赞)、音乐等素材
  4. launchaco：免费的Logo制作，你只需要输入名称，按指引走就OK啦，做出来的效果棒棒哒。
  5. unminus：完全免费的音乐资源网站(寻找配乐时似乎很适合)，该站点励志打造为音乐届的unsplash
  6. freesound：免费的音频资源网站

图像图片处理

  1. svgminify：svg压缩
  2. jpegio：可以将任何的主流文件格式转换成高度优化的jpeg格式
  3. image-to-datauri：将图片转换为data uri格式，此外该站点还有其它比如图片尺寸修改，优化等常用功能。
  4. svg-to-png：将svg转为png格式
  5. lunapic：提供了很多图片处理功能，比如加边框、加滤镜、修建、遮罩等等一大堆的功能，
  6. 改图宝：除了基本的图像剪裁压缩等功能，其提供的将图片变为常用证件照大小的功能很棒
  7. phtotopea：一句话概括：web版的photoshop (ps: 里面可以调为中文的哦，在菜单栏的More->Language下)
  8. jpeg压缩
  9. AI人工智能图片放大：使用AI来对图片进行无损放大

随机头像生成 API

  1. Kawaii Avatar：生成很卡哇伊(可爱)的卡通头像
  2. Random Avatar：随机生成真人头像
  3. Adorable Avatars：生成很古灵精怪的卡通头像
  4. RANDOM USER GENERATOR：生成随机的用户数据，比如姓名、电话、头像等

工具站点

  1. fooplot：在线函数图像绘制，可以绘制xy函数、极坐标函数、参数方程等
  2. wecompress：Compress PDF, PowerPoint, Word, Excel, PNG, TIFF & JPEG files online for free
  3. Remove Image Background：移除图片里的背景，好玩好玩的不得了~
  4. photoscissors：背景图移除、更换（比上面那个操作空间更大）

For Security, For Web (Web安全)

  1. Mozilla Observatory：帮助扫描你的站点，检测潜在的网站安全隐患
Home