作为前端工程师，开发效率是非常重要的指标，所以在开发过程中需要用几款工具来帮助自己，我总结了以下几款：
1、 keyframes.app
一款基于时间关键帧，在线制作网页动画的网站，你无需在编辑器和浏览器直接互相切换，及所见即所得。keyframes.app提供在线制作和谷歌浏览器扩展插件两种形式。制作完成后，你能很方便的将自动产生的CSS代码复制到你的项目中。
2、 Emotion
Emotion是一款用JavaScript编写css的库，支持字符串和对象两种方式声明CSS变量，如果你在使用React，试用这个库将让你以更加优雅的方式用JavaScript编写CSS。
3、modern-normalize
normalize.css可以让浏览器以接近标准的方式一致地渲染所有元素，而且不同于cssrest，只针对需要正常化的元素。modern-normalize只针对现代浏览器，而且足够现代，甚至IE和Edge都已经放弃。
另外我自己整理了一份最全面前端学习视频，从HTML5+CSS+JS到vue+react框架都有，送给正在学前端小伙伴, 需要的自己+企鹅裙 936852369 里面自己下去学习
4、layerJS
一款你只需要编写HTML就能很轻松实现菜单、画框、弹出层、滚动视察、缩放、触摸手势等众多效果的框架，这个框架代码压缩版只有30KB,很方便与各种前端框架集成(Angular,VueJS,React),支持响应式和触摸，并且不依赖任何库就能实现。
5、css-blocks
一款受 CSS Modules, BEM 和 Atomic CSS 框架启发，为你的web应用组件提供完美的CSS模块方案。
6、usebasin
一款你只需要设计表单，无需编写后端代码，就能很方便的将表单应用集成到你的项目里。
7、mustard
一款适合初学者的CSS框架，但是看起来还蛮不错，模块化，开源，压缩版只有6KB，支持FLEX,Grid布局和自带一些漂亮UI,比如进度条，表单、按钮等，虽然小，但功能齐全。
以上7款最常有用的，希望大家找到适合自己的。帮助自己提升工作效率
转载：https://blog.csdn.net/dachengxuyuan/article/details/102467211