[转译]七种你应该使用CSS的工具
来源:互联网 发布:河南中医药大学软件类 编辑:程序博客网 时间:2024/06/05 13:50
随着人们对网页设计的美观是实用性要求的提高,利用css建站时的代码书写也越来越复杂。由此程序员们的工作压力也随之增加,怎样才能够在减轻程序员工作负担的同时又能够达到用户需求,去建立css呢?值得庆幸的是,网络上出现一些工具,使得编写CSS开始变得简单起来。今天笔者小丹就为大家分享七种最常见也是最好用的css编写工具。
识别错误的样式表提供有用的数据代码,这些在线工具无疑将帮助在CSS开发。
第一,CSS Lint
CSS线头会指出语法错误以及强调潜在的浏览器兼容性问题,性能、可访问性、和其他领域的关注。源代码CSS的棉絮可以在GitHub如果您想离线电脑或web服务器上运行它。
使用:不是很明显的通过视觉检测识别问题和CSS验证。
第二,CSS Stats
CssStats:在线CSS代码分析工具是一个输入网站CSS网址即可进行CSS代码分析的在线工具,是前端网页设计师分析网站CSS代码的利器,可以统计CSS代码里的规则、字体大小、宽度高度、颜色数等等。
CSS属性,正如其名为您提供大量的统计大约有多少这样的网站的CSS样式规则的网站,它使用媒体查询,它拥有的所有字体等等。另一个在线CSS统计工具使用StyleStats。
使用:获得关于一个网站的CSS见解分析和发现潜在的改善点。
第三,CSS Shrink
CSS收缩是一个在线工具,减少你的CSS文件的大小,这意味着页面加载时间改进。它消除了不必要的东西像空间、评论、换行和标签—这一过程被称为缩小。Minifying源代码很难读,所以这应该只做开发完成之后,你应该还有non-minified CSS源代码未来的开发和维护。
使用:加速你的网站。
第四,ProCSSor
ProCSSor这个在线工具将清洁、格式和组织你的CSS。伟大的CSS-formatting工具尤其是是加载的配置选项这样您就可以很好地控制自己的代码格式化。其他的CSS代码格式化工具检查csscomb,代码美化者和Styleneat。
使用:立即格式化和清理你的CSS。
第五,Codrops CSS Reference
Codrops CSS Reference,这个有用的CSS引用由Codrops可以用作学习工具特定CSS属性、伪类、函数等等。
使用:学习和发现不熟悉的CSS特性
第六,Can I Use (CSS)
Can I Use (CSS),这个在线参考工具将帮助您了解支持CSS特性在流行的web浏览器。知道浏览器支持CSS特性的水平是非常重要的在帮助您作出明智的实现决策。
使用:了解如何在web浏览器支持CSS特性。
第七,W3C CSS Validation Service
W3C CSS Validation Service,这个在线工具会检查你的样式表以确保它符合W3C CSS规范。
使用:验证符合W3C标准的CSS。
这些CSS开发工具并不是严格意义上的在线工具喜欢这个列表中提到的其他人,因为他们将工作即使没有互联网连接,但他们是工具,你绝对应该使用CSS开发期间。浏览器开发调试工具人满为患特性,分析你的CSS。
(转载请注明转自:笔者小丹,谢谢!珍惜别人的劳动成果,就是在尊重自己!)
- [转译]七种你应该使用CSS的工具
- 你应该掌握的七种回归技术
- 你应该掌握的七种回归技术
- 你应该掌握的七种回归技术
- 你应该掌握的七种回归技术
- 你应该掌握的七种回归技术
- [转]你应该掌握的七种回归技术
- 你应该掌握的七种回归技术
- 你应该掌握的七种回归技术
- 你应该掌握的七种回归技术
- 你应该掌握的七种回归技术
- 你应该掌握的七种回归技术
- 你应该掌握的七种回归技术
- 你应该掌握的七种回归技术
- 你应该掌握的七种回归技术
- [转译]5种方法提高你网站的登录体验
- java转译字符的使用
- 你应该知道的10种软件工具
- camera troubleshot
- Linux内核源代码情景分析-内存管理之用户页面的定期换出
- android Process.killProcess 和 System.exit(0) 区别
- 今天刚开通博客
- LYY图像
- [转译]七种你应该使用CSS的工具
- Python+PyDev+Eclipse+JDK搭建环境
- linux mkfifo使用注意事项
- iOS之富文本
- 文件的flush方法
- poj 1012 Joseph环问题
- 性能测试总结之内存泄露和内存溢出
- 创建表存储过程
- MS_SQLServer_02