契子

本文主要收集一些前端开发中常用的一些小工具，不定期更新~

Tools

- 字体相关

• Font Awesome >>：完美的图标字体
• icon-font >>：阿里巴巴矢量图标库

- Colors

• flatuicolors >>
• sioe >>：颜色转换工具

- Layouts

• flexbox-playgorund >>：flex 的可视化教程
• CSS Grid Generator >>：grid 网格生成器
• flexbox.malven.co >>：可拷贝的 flex 样式
• grid.malven.co >>：可拷贝的 grid 样式

- Animations

• cubic-bezier >>：贝塞尔曲线可视化
• easings >>：缓动函数速查表

- Graph

• css-triangle-generator >>：自动生成三角形

- Grident

• webgradients>>：渐变色集合
• uigradients >>：渐变色集合
• gradientmagic >>：渐变色集合

- 技巧

• CSS Tricks >>
• CSS-Inspiration >>
• You-need-to-know-css >>
• You-Dont-Need-JavaScript >>
• youmightnotneedjs >>
• 66-CSS-tricks >>

- 在线编码

• codePen：codepen.io/
• vue：jsfiddle.net/chrisvfritz…

- 框架文档

• jQuery API >>
• Bootstrap >>：响应式布局
• less >>
• sass >>
• es6教程 >>
• eachrts >>：可视化
• Swiper >>：触摸滑动插件

- 工具 & 编辑器

• devdocs：在线 API 文档，必备不解释
• xmind：www.xmind.cn/
• Typora：www.typora.io/
• caniuse：caniuse.com/
• Emmet：emmet.evget.com/
• postwoman：postwoman.io/
• variable-names：unbug.github.io/codelf/
• carbon：carbon.now.sh/
• douwu：www.52doutu.cn/
• navicat：www.navicat.com.cn/

- 案例模板

• 起飞页：www.qifeiye.com/
• 站长之家：sc.chinaz.com/moban/
• 模板之家：www.cssmoban.com/cssthemes/
• 小米官网：www.mi.com/
• 彪马官网：cn.puma.com/