2020年9月21日工具网站分享

Awesome Repos

GitHub 上面有很多 awesome 的仓库，收集某个主题的所有有用的内容。这个网页整理了一个 awesome 仓库的清单。

responsively-app

一个方便的桌面软件，集成了开发和调试响应式网页的各种功能。

React Skeleton

有些网页加载时，会显示一个骨架布局（上图），获取正式内容后再替换掉。这个在线工具就用来生成骨架布局，支持 React、React Native、Vue 和 普通 HTML。

twbs/icons: Official open source SVG icon library for Bootstrap. (github.com)

Bootstrap 的图标库发布1.0正式版，包含1100多个图标，全部都是 SVG 格式，可以插入 img 标签。

Songwhip | Music links to every platform | Free

一个音乐搜索引擎，特点是搜索歌曲可以返回各大影音平台的链接，支持中文歌曲搜索。

ztext.js | 3D Typography for the Web (bennettfeely.com)

这个 JS 库可以将任何字体变成 3D 效果，支持中文。

Gradient Magic - Fantastic and Unique CSS Gradients (gradientmagic.com)

该网站收集各种 CSS 渐变图像，可以复制到自己的项目。

Random Data API (random-data-api.com)

这个网站提供一个 API，可以让你定制想要的随机数据，以 JSON 格式返回。

AI Art Generator, Photo to Painting App - NightCafe Creator

一个图片处理的在线工具，可以让普通照片变成世界名画。下图就是基于凡高的《星夜》生成的照片。

JS1024 Results - 2020

这是代码长度不超过1024字节的 JS 程序的比赛，2020年的结果已经公布了。第一名是一个钢琴键盘，第二名和第三名是动画渲染，第四名是一个游戏。

PasteMe - 一个不算糟糕的可私有文本分享平台

一个文本分享网站，不需要注册，会对输入的文本或代码生成 URL，支持密码和***。

3D Book Image CSS Generator (3d-book-css.netlify.app)

在线工具，让一张平面图片变成 3D 书籍封面。

propjockey/css-sweeper: MineSweeper implemented in CSS + HTML using the Space Toggle trick (no JavaScript!) (github.com)

一个只用 HTML 和 CSS 实现的扫雷游戏，不使用 JavaScript。

renzhezhilu/webp2jpg-online: Use the browser’s online image format converter, no need to upload files, you can convert jpeg, jpg, png, gif, webp, svg, ico, bmp files to jpeg, png, webp animation, gif, base64. 使用浏览器的在线图片格式转化器,无需上传文件,可将jpeg、jpg、png、gif、webp、svg、ico、bmp文件转换为jpeg、png、webp、webp动画、gif、base64,提供了多个可自定义选项来满足常见需求。 (github.com)

一个纯前端的在线图片格式转换工具，可以快速将图片转为另一种格式，并且提供多个参数可以调节。

chunliu/sttf-url-generator: A Chrome/Edge extension which generates a url with text fragment. (github.com)

Chrome 浏览器的扩展，可以对选中的网页文字，生成一个 URL。其他用户访问这个 URL，打开网页后，就会自动滚动到这段文字。它的原理是使用了 Chrome 浏览器的新功能 scroll to text fragment。

Textures.js (riccardoscalco.it)

一个 JS 纹理库，基于 D3.js。