作为前端工程师,开发效率是非常重要的指标,所以在开发过程中需要用几款工具来帮助自己,我总结了以下几款:
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款最常有用的,希望大家找到适合自己的。帮助自己提升工作效率
30万年薪前端工程师常用HTML/CSS工具,你会几个?
最新推荐文章于 2022-08-11 13:18:43 发布