or

有用和有趣的网站收录

2019年4月18日
更新: 2019年6月17日
这里收集了我在日常网上冲浪中发现的很有用或者有意思的站点,不定期更新~

常用置顶

  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. Firefox Send:提供文件分享服务,简单好用,以后分享文件没必要先上传到乌龟般的百度网盘上咯
  2. fooplot:在线函数图像绘制,可以绘制xy函数、极坐标函数、参数方程等
  3. wecompress:Compress PDF, PowerPoint, Word, Excel, PNG, TIFF & JPEG files online for free
  4. Remove Image Background:移除图片里的背景,好玩好玩的不得了~
  5. photoscissors:背景图移除、更换(比上面那个操作空间更大)

For Security, For Web (Web安全)

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

or