Bookmarks
一些具有优秀设计和用户体验的网站/工具。
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
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 免费的在线格式化代码工具