# 社区精选组件
# 实用教程
# 通用
| 类型 | 组件 |
|---|---|
| Normalize.css | Normalize.css |
| 页面进度条 | NProgress.js |
| 占位图片 | placeholder.com |
# 浏览器兼容类 🌎
- caniuse （网站开发浏览器兼容性查询）
- browserhacks (一些浏览器兼容写法)
# 图片类 😎
- Tinypng （压缩图片）
- 标你妹啊 (psd 标注)
- Cool Backgrounds （生成好看的渐变背景图）
- carbon (生成类似 mac 风格的代码图片，用于分享)
- Unsplash Source (生成随机图片)
- CSS Sprite Generator (生成雪碧图)
- iconfont (阿里巴巴矢量图标库)
- Preloaders (加载图，有些是收费的)
- desktoppr （好看的壁纸）
- Material icons (Material icons 图标)
# 代码类 ⌨️
- Ubuntu pastebin （代码分享）
- Codepen (在线代码编辑)
- Jsbin (在线代码编辑)
- Ultimate CSS Gradient Generator (生成 css 渐变)
- Grabient (生成漂亮的 css 渐变)
- Character Entity Reference Chart (各种符号的转义字符)
- 缓动函数速查表
- Regexper (正则可视化)
- Visualgo (数据结构，算法可视化)
- Animista (在线生成 css 动画)
- PageSpeed Insights (测试网站速度，优化性能)
- Learn Git Branching (以动画的形式让你学习 git)
- Asciiflow (生成类似代码注释里那种佛祖的代码。。自己画 😄)
- PXtoEM (PX EM 单位换算)