编写现代 CSS 代码的 20 个建议

  • Text editor plugins: Sublime Text, Atom
  • Libraries: Minfiy (PHP), CSSO and CSSNano (PostCSS, Grunt, Gulp)
  • 选择哪个工具肯定是依赖于你自己的工作流啦~

    多参阅Caniuse

    不同的浏览器在兼容性上差异很大,因此如果我们可以针对我们所需要适配的浏览器,在caniuse上我们可以查询某个特性的浏览器版本适配性,是否需要添加特定的前缀或者在某个平台上是否存在Bug等等。不过光光使用caniuse肯定是不够的,我们还需要使用些额外的服务来进行检测。

    Validate:校验

    对于CSS的校验可能不如HTML校验或者JavaScript校验那么重要,不过在正式发布之前用Lint工具校验一波你的CSS代码还是很有意义的。它会告诉你代码中潜在的错误,提示你一些不符合最佳实践的代码以及给你一些提升代码性能的建议。就像Minifers与Autoprefixers,也有很多可用的工具:

    • Online tools: W3 Validator, CSS Lint
    • Text editor plugins: Sublime Text, Atom
    • Libraries: stylelint (Node.js, PostCSS), css-validator (Node.js)