首页 存档 技术 查看内容

实用!这8个CSS工具可以提升编程速度

2018-3-30 13:00 |来自: 互联网 899 0

摘要: 概述:下面为大家推荐的这8个CSS工具,有提供函数的,有提供类的,有提取代码的,还有收集CSS的统计数据的……请花费两分钟的时间看完这篇文章,或许你会找到意外的惊喜,并且为你的编程之路打开了一扇新的大门。 作 ...

概述:下面为大家推荐的这8个CSS工具,有提供函数的,有提供类的,有提取代码的,还有收集CSS的统计数据的……请花费两分钟的时间看完这篇文章,或许你会找到意外的惊喜,并且为你的编程之路打开了一扇新的大门。

作为网页设计师,为了在预期的时间内能完成项目,前期肯定是要进行大量练习的。但是如果你花了大量的时间在编写CSS代码上,那无疑是浪费时间。工欲善其事必先利其器,聪明的设计师善于利用工具提升他们的编码效率,从而将更多的心思放在设计上。


下面为大家推荐的这8个CSS工具,有提供函数的,有提供类的,有提取代码的,还有收集CSS的统计数据的……请花费两分钟的时间看完这篇文章,或许你会找到意外的惊喜,并且为你的编程之路打开了一扇新的大门。


1) CSS Vocabulary


CSS Vocabulary为开发者提供了所有必需的函数,Rule sets, 语句块,类选择符、属性声明块,媒体查询表达式等等。



2) CSShake


这款工具在开发人员当中也非常流行。CSShake提供可以删除DOM的类,还有最佳的类的集合,运用这些类你还可以改进你的编码。



3) Extract CSS


extractCSS是一个在线工具,可以从HTML文档中提取ID、类和内联样式,并输出为CSS样式表。



4) Stylestats


这是Node . js库,收集CSS的统计数据。



5) Saass fffunction


Saass fffunction利用Sass 和 Compass可以快速启动你的响应式网页。



6) Prefix my CSS


这是一个可以很方便的获取你的代码前缀的工具,只需要将你的CSS代码复制进去就可以得到代码前缀啦!



7) Sky CSS Tool


Sky CSS可以让你创建CSS类。



8) CSS Form Code maker


这个HTML-CSS菜单生成器可以帮你生成漂亮的菜单布局。



来自:慧都控件网
链接:http://www.evget.com/article/2014/8/26/21509.html



●本文编号361,以后想阅读这篇文章直接输入361即可。

●本文分类“前端”、CSS,搜索分类名可以获得相关文章。

●输入m可以获取到全部文章目录

●输入r可以获取到热门文章推荐

●输入f可以获取到全部分类名称


小猿个人微信:itcodemonkey 欢迎调戏


推荐一个微信公众号:IT电商网,长按下面的微信号可以进行复制

itdianshang

点击“阅读原文”可关注



本文转载自:微信公众账号 - 程序猿,版权归原作者所有!

声明:文章版权归原作者所有 部分文章转自互联网 如有侵权请联系 [邮箱地址] 删除

路过

雷人

握手

鲜花

鸡蛋

相关分类

返回顶部