title: Bookmarks

Bookmarks

一些具有优秀设计和用户体验的网站/工具。

• Bookmarks
  • Test & Mock
  • Coding
  • Img & Emoji
  • Dev
  • CSS
  • Library
  • Deploy
  • Standards
  • Other

Test & Mock

• mockaroo.com API mocking tool
• Mock.js 生成随机数据
• FakeJSON 可定制假数据服务
• My JSON Server JSON数据服务
• httpbin 简单的HTTP请求和响应服务
• Browserslist 浏览器列表查询

Coding

• carbon 生成漂亮的代码截图
• codepen.io 在线代码编辑器
• codesandbox.io 在线代码编辑器
• JS Bin 在线调试/运行代码
• glitch.com 浏览器中快速构建项目
• Riju 几乎所有编程语 online playground

Img & Emoji

• placekitten.com 小猫咪占位图
• placeholder.com 图片占位符
• twicpics.com 图像占位符
• Joe Schmoe 插图头像收藏
• Images.weserv.nl 图片缓存和大小调整服务
• Emojipedia Emoji 搜索引擎
• gitmoji Git Commit Emoji
• Simple Icons 2,000+ 流行品牌的免费 SVG 图标
• SVG PORN 开发人员、设计师、博客作者、极客等的SVG徽标
• iconduck 118,894 个免费的开源图标和插图
• Text to ASCII Art Generator 文本 ASCII 码生成器
• Icônes 图标资源
• Lucide 美丽且一致的图标资源
• macOS App icons 5000+ macOS 应用程序图标

Dev

• Create App 前端构建配置生成器
• postcss.parts 搜索可用的 postcss 插件
• bundlephobia.com 检查你的 npm 大小
• packagephobia.com 检查 npm 包安装大小
• npm-stat 生成 npm 包下载图表
• npm trends 比较 npm 下载趋势
• Are the types wrong? 检测 npm 包的 TS 类型配置在各种 moduleResolution 是否会出现问题
• publint 检测 target pattern 对应的文件是否存在
• npmgraph.an 显示了npm 包的依赖关系图。
• npmview 查看 npm 包产物 （中国大陆可以使用 npmmirror.com）
• Shields.io 开源项目的数据徽章
• any-rule 常用正则表达式
• Regulex JavaScript 正则表达式可视化工具
• Regex101 多语言正则表达式调试器
• Regexper 正则表达式校验
• matools.com/crontab 在线 crontab 执行时间计算

CSS

• cubic-bezier CSS 贝塞尔曲线可视化
• loading.io 自定义 loading 动画图标
• Whirl CSS loading 动画
• Flexbox Froggy 一个学习 CSS Flexbox 的游戏
• CSS Sprites Generator 在线生成雪碧图
• CSS Layout Generator 交互式在线编辑 CSS 布局代码
• Glassmorphism CSS Generator 毛玻璃 CSS 生成
• Buttons Generator 按钮 CSS 生成
• animate.css CSS 过渡动画
• transition.css CSS 过渡动画
• Beautiful CSS Buttons 漂亮的 Button CSS

Library

• formatjs 国际化
• Stylelint Style 检查工具

Deploy

• Vercel Deploy web projects
• Cloudflare Pages Deploy web projects
• Surge Deploy web projects

Standards

• W3C Web Accessibility Initiative (WAI) W3C 无障碍访问策略标准
• Unicode code print Unicode code print 字符集
• Unicode® Standard Unicode

Other

• MikuTools 一个轻量的工具集合
• Code Beautify 免费的在线格式化代码工具