老狗,新的 CSS 技巧

主要观点:近年来新的 CSS 特性已推出,但实际使用率仍低,主要原因是自身习惯及诸多因素。
关键信息

  • 列举众多新 CSS 特性如 Container Queries 等,实际使用少。
  • 存在支持借口(需支持旧浏览器)、无形改进(不明显优势致无紧迫性)、示例和设计趋势(缺乏实际应用场景)、打破习惯(难以改变思维模式)等问题。
  • 提出重新思考既定模式(如借鉴 BEM 方法)、一步一步来(渐进式使用新特性)、寻找灵感(看完整站点示例)等应对方法。
    重要细节
  • 以 Container Queries 为例,虽被请求已久但实际使用慢,其支持在现代浏览器良好但仍有人担心旧浏览器兼容性。
  • 新特性多注重代码组合和架构,较难直观看到其优势。
  • 学习新特性可通过边项目或个人站尝试,用 postcss-logical 处理浏览器支持问题。
  • 理想的学习资源是他人个人站点,可从中学习结构、命名等。
阅读 10
0 条评论