Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/wxh16144/bookmarks

一些具有优秀设计和用户体验的网站/工具。
https://github.com/wxh16144/bookmarks

Last synced: 24 days ago
JSON representation

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

Awesome Lists containing this project

README 

        
---

title: Bookmarks

---



# Bookmarks



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



[![Website](https://img.shields.io/website?style=for-the-badge&up_message=wxhboy.cn%2Fbookmarks&url=https%3A%2F%2Fwxhboy.cn%2Fbookmarks)](https://wxhboy.cn/bookmarks)

[![GitHub Repo stars](https://img.shields.io/github/stars/Wxh16144/bookmarks?label=Source%20Code&style=for-the-badge)](https://github.com/Wxh16144/bookmarks)



- [Bookmarks](#bookmarks)

  - [Test & Mock](#test--mock)

  - [Coding](#coding)

  - [Img & Emoji](#img--emoji)

  - [Dev](#dev)

  - [CSS](#css)

  - [Library](#library)

  - [Deploy](#deploy)

  - [Standards](#standards)

  - [Other](#other)



## Test & Mock



- [mockaroo.com](https://www.mockaroo.com/) API mocking tool

- [Mock.js](http://mockjs.com/) 生成随机数据

- [FakeJSON](https://app.fakejson.com/) 可定制假数据服务

- [My JSON Server](https://my-json-server.typicode.com/) JSON数据服务

- [httpbin](https://httpbin.org/) 简单的HTTP请求和响应服务

- [Browserslist](https://browserl.ist/) 浏览器列表查询



## Coding



- [carbon](https://carbon.now.sh/) 生成漂亮的代码截图

- [codepen.io](https://codepen.io/) 在线代码编辑器

- [codesandbox.io](https://codesandbox.io/) 在线代码编辑器

- [JS Bin](https://jsbin.com/?html,js,console) 在线调试/运行代码

- [glitch.com](https://glitch.com/) 浏览器中快速构建项目

- [Riju](https://riju.codes/) 几乎所有编程语 online playground



## Img & Emoji



- [placekitten.com](https://placekitten.com/) 小猫咪占位图

- [placeholder.com](https://placeholder.com/) 图片占位符

- [twicpics.com](https://discover.twicpics.com/en/placeholder) 图像占位符

- [Joe Schmoe](https://joeschmoe.io/) 插图头像收藏

- [Images.weserv.nl](https://images.weserv.nl/) 图片缓存和大小调整服务

- [Emojipedia](https://emojipedia.org/) Emoji 搜索引擎

- [gitmoji](https://gitmoji.carloscuesta.me/) Git Commit Emoji

- [Simple Icons](https://simpleicons.org/) 2,000+ 流行品牌的免费 SVG 图标

- [SVG PORN](https://svgporn.com/) 开发人员、设计师、博客作者、极客等的SVG徽标

- [iconduck](https://iconduck.com/) 118,894 个免费的开源图标和插图

- [Text to ASCII Art Generator](https://patorjk.com/software/taag) 文本 ASCII 码生成器

- [Icônes](https://icones.js.org/) 图标资源

- [Lucide](https://lucide.dev/) 美丽且一致的图标资源

- [macOS App icons](https://macosicons.com/) 5000+ macOS 应用程序图标



## Dev



- [Create App](https://createapp.dev/) 前端构建配置生成器

- [postcss.parts](https://www.postcss.parts/) 搜索可用的 postcss 插件

- [bundlephobia.com](https://bundlephobia.com/) 检查你的 npm 大小

- [packagephobia.com](https://packagephobia.com/) 检查 npm 包安装大小

- [npm-stat](https://npm-stat.com/) 生成 npm 包下载图表

- [npm trends](https://www.npmtrends.com/) 比较 npm 下载趋势

- [Are the types wrong?](https://arethetypeswrong.github.io/) 检测 npm 包的 TS 类型配置在各种 moduleResolution 是否会出现问题

- [publint](https://publint.dev/) 检测 target pattern 对应的文件是否存在

- [npmgraph.an](https://npm.anvaka.com/) 显示了npm 包的依赖关系图。

- [npmview](https://npmview.vercel.app/) 查看 npm 包产物 （中国大陆可以使用 [npmmirror.com](https://npmmirror.com/)）

- [Shields.io](https://shields.io/) 开源项目的数据徽章

- [any-rule](https://any86.github.io/any-rule) 常用正则表达式

- [Regulex](https://jex.im/regulex) JavaScript 正则表达式可视化工具

- [Regex101](https://regex101.com) 多语言正则表达式调试器

- [Regexper](https://regexper.com/) 正则表达式校验

- [matools.com/crontab](https://www.matools.com/crontab?embed) 在线 crontab 执行时间计算



## CSS



- [cubic-bezier](https://cubic-bezier.com/) CSS 贝塞尔曲线可视化

- [loading.io](https://loading.io/) 自定义 loading 动画图标

- [Whirl](https://whirl.netlify.app/) CSS loading 动画

- [Flexbox Froggy](https://flexboxfroggy.com/) 一个学习 CSS Flexbox 的游戏

- [CSS Sprites Generator](https://www.toptal.com/developers/css/sprite-generator) 在线生成雪碧图

- [CSS Layout Generator](https://layout.bradwoods.io/) 交互式在线编辑 CSS 布局代码

- [Glassmorphism CSS Generator](https://ui.glass/generator/) 毛玻璃 CSS 生成

- [Buttons Generator](https://markodenic.com/tools/buttons-generator/) 按钮 CSS 生成

- [animate.css](https://animate.style/) CSS 过渡动画

- [transition.css](https://www.transition.style/) CSS 过渡动画

- [Beautiful CSS Buttons](https://getcssscan.com/css-buttons-examples) 漂亮的 Button CSS



## Library



- [formatjs](https://formatjs.io/) 国际化

- [Stylelint](https://stylelint.io/) Style 检查工具



## Deploy



- [Vercel](https://vercel.com/) Deploy web projects

- [Cloudflare Pages](https://pages.cloudflare.com/) Deploy web projects

- [Surge](https://surge.sh/) Deploy web projects



## Standards



- [W3C Web Accessibility Initiative (WAI)](https://www.w3.org/WAI/ARIA/apg/) W3C 无障碍访问策略标准

- [Unicode code print](https://codepoints.net/) Unicode code print 字符集

- [Unicode® Standard](https://home.unicode.org/) Unicode



## Other



- [MikuTools](https://tools.miku.ac/) 一个轻量的工具集合

- [Code Beautify](https://codebeautify.org/) 免费的在线格式化代码工具