作为网页设计师,为了在预期的时间内能完成项目,前期肯定是要进行大量练习的。但是如果你花了大量的时间在编写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菜单生成器可以帮你生成漂亮的菜单布局。 来自:慧都控件网 ●本文编号361,以后想阅读这篇文章直接输入361即可。 ●本文分类“前端”、CSS,搜索分类名可以获得相关文章。 ●输入m可以获取到全部文章目录 ●输入r可以获取到热门文章推荐 ●输入f可以获取到全部分类名称 小猿个人微信:itcodemonkey 欢迎调戏 推荐一个微信公众号:IT电商网,长按下面的微信号可以进行复制 itdianshang 点击“阅读原文”可关注 本文转载自:微信公众账号 - 程序猿,版权归原作者所有! |
|
声明:文章版权归原作者所有 部分文章转自互联网 如有侵权请联系
[邮箱地址] 删除
|