Bulma CSS 框架达到 1.0

原文 ↗ Hacker News 讨论 ↗

发布与项目方向

  • Bulma 1.0 被描述为一次全面的 Sass 重写，主要新增了 CSS 变量、主题和颜色。
  • 一些用户对它花了这么久才到 1.0 感到惊讶，但也被告知项目仍在维护中。
  • 至少有一位用户指出 1.0 并没有破坏他们现有的 HTML，这一点被赞为质量很高。
  • 一位评论者称其压缩后的体积大约是 0.9 版的 3 倍（约 647 KB），引发了对臃肿的担忧。

Sass 与现代 CSS

  • 若干评论认为，随着原生 CSS 逐渐获得更多特性和语法（例如 max()、除法、color-contrast()），Sass 正在变成一种负担，而 Sass 语法有时还会与新的 CSS 特性发生冲突。
  • 也有人为 Sass 辩护，指出像“enough contrast”这样的有用函数，以及用于处理 CSS 变量的新辅助工具。
  • 提到的替代方案包括 Dart Sass 和 Rust 实现（Grass）；node-sass 被指出已弃用。

使用、DX 与功能集

  • Bulma 被称赞为轻量、易学，并且适合快速原型、小型站点，尤其是表单输入。
  • 有人把它看作“更少功能的 Bootstrap”，对于想要极简的人来说这是优点；对于想要更多组件的人来说则是缺点。
  • 有人对无需构建流程直接使用 Bulma 表现出兴趣；一些人拒绝在兴趣项目里加入构建步骤，并希望 CSS 变量能让定制变得可行，但据说相关文档并不完整。
  • 与 Tailwind 的比较：Bulma 被认为更偏向组件和可读性；一些人更喜欢 Tailwind 加上像 daisyUI 这样的组件层。

可访问性与语义

  • 有批评指出，Bulma 的某些组件即使并非链接，也要求使用 <a> 标签来套样式；这被认为对可访问性不友好。
  • 线程中的一位维护者回应说，他们计划让这些元素与标签无关。
  • 另一篇较详细的评测指出：默认颜色不可访问（例如白底黄字）、暗色模式存在问题，以及由于颜色定义，开发者工具中的对比度检查会失败。

赞助商与伦理

  • 多位评论者注意到，赞助商中相当大一部分是在线赌场，包括面向瑞典、无牌照或规避自我排除的网站。
  • 大家的共识是，这些赞助商主要是为了获取便宜且高质量的 SEO 外链。
  • 有些人对此反感到考虑放弃 Bulma；另一些人则认为这与使用一个免费的 CSS 库无关。
  • 对于因为这个原因避开 Bulma 是否合理，还是属于“反应过度”，存在分歧。

质量、问题与性能

  • 有人报告 Bulma 自己的网站在手机横屏时有布局问题，而且在 Firefox 中切换深色/浅色模式时性能迟缓。
  • 提到一个长期未解决的、与移动端行为有关的问题；不清楚 1.0 重写是否修复了它。
  • 一些人认为使用陈旧的机器人自动关闭 GitHub issue 是危险信号，不过也有人指出这现在很常见。

其他讨论

  • 几位用户分享了用 Bulma 构建的个人网站和应用，并表达了很高的满意度。
  • 也有人问到缺少的组件（例如手风琴）以及是否根本需要 CSS 框架。
  • 还对 a11y/i18n/k8s 这类简写数字词进行了解释和讨论，争论它们是令人困惑还是方便。