词汇表讨论

[antfu]

请利用讨论区的回复功能进行不同词汇的讨论。

已确定的词汇表：#4

[antfu]

Utilities

直译 实用程序

@antfu 提案 工具类

Tailwind 中文文档翻译 功能类 https://www.tailwindcss.cn/

[KimYangOfCat]

赞同 工具类

[QC-L]

工具类

[antfu]

Variants

提案 变体

[HerbertHe]

我赞同 @QC-L 提出的 “ 可变修饰 ”
但我觉得可以不必要保留 Vari- 词根所带来的那个 “ 变 ” 字的意思

或者说...🤔那种 misunderstood 的感觉来自于咱们这个 “可“ 字，
本身 Variants 这个词并不含这样 ”能够“ 的意思。

对某个工具类的修饰 本质上就是在对其进行改变 不是么？
所以为了中文读者理解更直观，不妨试试采用 修饰符 这样的翻译？

可变修饰 是意译翻译，修饰是指在样式前加上标记，在不同状态下的样式表示。可变代表的是变化本身，因为感觉 变修饰 一词太奇怪了，修饰的符号把响应式设计和伪类结合在一起了，感觉 响应标记 并不是太准确~

[HerbertHe]

我觉得 可 一字也有意义，使能的意思。如果不加标记的话，所有的样式其实是固定的，而伪类和窗口大小的变化使样式发生了改变了~

[QC-L]

修饰符 会和 Modifiers 混淆吧？尽量避免混淆...

本身是变体，感觉要突出 变 的

[HerbertHe]

修饰符 会和 Modifiers 混淆吧？尽量避免混淆...

本身是变体，感觉要突出 变 的

我感觉修饰就可以了，修饰符突出的是符号，但修饰是这个使能的动作。修饰符可以替换的词有很多，我感觉这个过程更侧重于提供这样的能力，感觉 可变修饰 还是合适的

[QC-L]

嗯，就 可变修饰 就好了

[KimYangOfCat]

Windi CSS IntelliSense

现在的翻译为：Windi CSS 智能感知 #6
提案：Windi CSS IntelliSense 不翻译
这是一个 VS Code 插件，Windi CSS IntelliSense 本身就是这个插件的名字，不建议翻译。目前的翻译阅读起来有些奇怪

[HerbertHe]

连带着webstorm的翻译已经修正

[ShenQingchuan]

Intellisense 我记得有一个译法：智能提示
更强调给开发者键入代码时的提示

不一定要用 ”感知“ 去确切地对应 sense。

[voorjaar]

不翻译可以，翻译的话就智能补全，智能提示，或者vscode插件

[HerbertHe]

在PR里面的讨论和实际翻译内容来看，还是不翻译比较好了~ 毕竟CV到vscode找插件也比较方便（不是

[antfu]

Preflights

Related #12, #10

Preflight 类似 normalize.css, 一些基础 CSS 用于重置样式。不确定如何翻译

https://www.tailwindcss.cn/docs/adding-base-styles

[HerbertHe]

如果是样式的话，可能会对 style 和 class 所表示样式内容产生误解，此部分主要处理的问题是规范化样式的引入过程

[guangzan]

windi:preflights 这里的 preflights 仍然是指 “预设的样式”，只是通过语法糖把样式限定在 scope。提议：”预检样式“ 或 ”预设样式“，结合你给出的示例，”预检样式“ 更恰当一些。

[HerbertHe]

我感觉 预检样式 会好一些，预设总让我感觉是 presets

[QC-L]

预检样式

[HerbertHe]

MDN 上也有这个词 https://developer.mozilla.org/zh-CN/docs/Glossary/Preflight_request ，预检请求给CORS做的检查过程

[ShenQingchuan]

顶栏 Utilities 中的 Effects

提案：影效

该章节其中内容主要涵盖：阴影程度、颜色和混合模式

• 影：取自 “影响”，但这里如果和 Vue3 里那样译作 副作用又似乎偏离了此章内容的本义。
• 效：因为内容都是与展示效果有关

[guangzan]

中文 “影效” 一般指 “影视特效”，建议直译成 “特效”。 Effects 包含 Box Shadow 、Opacity、Mix Blend Mode。

[HerbertHe]

我感觉直接 效果 就好了，虽然挺土的不过没啥理解障碍，万一要找文档也好找一些~

[QC-L]

赞同 特效（特殊效果）

[ShenQingchuan]

对对对！！我想起来了😂 做特效的那个软件 ae 就是 安after effects

要不就 特效

[ShenQingchuan]

我们是否应该专门先将 顶栏中的所有大类的词先确定了？因为这些词感觉是其相应各个章节中常要用到的词。

[voorjaar]

提议

通用：颜色/变体
基础：文字/背景/边框/图标
布局：容器/间距/尺寸/显示/排列/网格/表格/定位
增强：滤镜/特效/行为/过渡/转换

[ShenQingchuan]

我看 tailwind 中文文档没有翻译 display，我这些比较直接的 css 本来的属性名要不就不翻译了吧

[HerbertHe]

safe list

提议 安全清单

确定为 白名单

在好几部分都出现了这个，原文的意思是支持动态工具类的渲染，需要将所有可能的工具类加入safelist，感觉 安全清单 还是合适的。

#15 #14 #13 #12

[yangchaojun]

白名单的翻译更加符合常识

[KimYangOfCat]

我怕白名单总会想到 whitelist ，而配置项是 safelist

在英文中为避免种族问题才避开 whitelist 这个词的，但是在中文中，白名单 这个词并不涉及任何种族问题，所以我认为也没有避开的必要。

[HerbertHe]

我怕白名单总会想到 whitelist ，而配置项是 safelist

在英文中为避免种族问题才避开 whitelist 这个词的，但是在中文中，白名单 这个词并不涉及任何种族问题，所以我认为也没有避开的必要。

倒不是怕种族注意的问题，emmmm，怕配置的时候写错，虽然注意一下就可以了🌚

[KimYangOfCat]

根据目前的讨论，白名单 有 3 人支持， 安全清单有 1 人，要不就定 白名单了？ @HerbertHe

[HerbertHe]

根据目前的讨论，白名单 有 3 人支持， 安全清单有 1 人，要不就定 白名单了？ @HerbertHe

可以的，我把之前合并过的翻译改一下～

[HerbertHe]

on-demanded

提议 随需启用

Preflight is enables on demanded, if you'd like to completely disable it, you can configure it as below

在Rollup的翻译中，preflight 本身在使用到的情况下才会开启。我感觉 随需启用 比 按需启用 更能表达原本的含义，这部分的内容是关于直接完全关掉 preflight 的

[KimYangOfCat]

赞同原本的 按需启用

[antfu]

Light Mode / Dark Mode

亮色模式 / 暗色模式

#19

[antfu]

Explicit / Implicit

显式 / 隐式

#18

[HerbertHe]

Important prefix

提议 important 前缀

#23

如果翻译为 重要的前缀 的话，并不利于理解。保留 important 不翻译，更好地联想到 !important 的前缀标记

[KimYangOfCat]

赞同楼上

[HerbertHe]

Grid Templates

提议不翻译

原文在CSS中有直接的对应部分，翻译之后可能会造成困扰

#28

[KimYangOfCat]

可否列出相关的PR？方便大家查看原文

[HerbertHe]

opt-out

不知道如何翻译

#28

[KimYangOfCat]

可否列出相关的PR？方便大家查看原文

[HerbertHe]

可否列出相关的PR？方便大家查看原文

列了列了

[Megrax]

CSS Escape

不知道该怎么翻译...或许不需要翻译？
#29

[HerbertHe]

CSS 转义

[KimYangOfCat]

scoped styles

提议： 不翻译
相关PR：#10 (review) #12

[HerbertHe]

这个在svelte中是可以翻译的，默认情况下svelte的样式全都是受作用域限制的。

[HerbertHe]

svelte中并没有特殊的scope的标记

[antfu]

Class (CSS)

类？

不翻译感觉又很奇怪

#28

Since Windi CSS will only generate the CSS utilities you use, it enables the possibility to use arbitrary value in your classes and generate coresponding styles based on the appropriate semantics.
-Windi CSS 只会生成你使用的 CSS 工具类，它允许你在 classes 中写任意的值，基于适当的语义生成相应的样式。
+Windi CSS 只会生成你使用的 CSS 工具类，它允许你在类名中写任意的值，基于适当的语义生成相应的样式。

[QC-L]

类

[HerbertHe]

我感觉 class 或者 className 不翻译更好一些，类 感觉联想 class 还有点障碍。不过见到 class ，前端基本上都知道是指的啥

[KimYangOfCat]

我支持翻译为 类，至于楼上同学说的联想障碍，我个人认为应该不会吧，这是一个 CSS 框架的文档，一提类，应该不会错误联想到面向对象的类上吧。

[KimYangOfCat]

purge-based

不知如何翻译，目前翻译为：基于清除的
相关PR：#21

[antfu]

基于 Purge 的就好，这个词是在映射 Purge CSS

[HerbertHe]

Stroke

提议与之相关的词语组合都不翻译，在 MDN 上跟 SVG 有关的词组没有翻译，不翻译也不影响理解。如果翻译的话，可能会适得其反。

#51

[luckyJeffy]

Ring

直译 环
Tailwind 中文文档翻译 轮廓环 https://www.tailwindcss.cn/docs/ring-width
提议 环绕轮廓

相关PR #54

[HerbertHe]

根据上下文，我觉得 轮廓环 就已经很准确表达 outline ring 的意思了。环绕一词为动词，而文档中表达为名词。

[ShenQingchuan]

对现行版本的 features/shortcuts 的标题存有疑虑：

shortcuts：根据苹果词典

shortcut | BrE ˈʃɔːtkʌt, AmE ˈʃɔrtˌkət |
noun
① (route) 近路 jìnlù
▸ to take a shortcut through the park
穿过公园走近路
② (method) 捷径 jiéjìng
▸ to take shortcuts
informal 走捷径
▸ there are no shortcuts to becoming a musician
想要成为音乐家是无捷径可走的
③ Computing 快捷键 kuàijiéjiàn
▸ a keyboard shortcut
快捷键 kuàijiéjiàn
▸ a shortcut key
键盘快捷键

---

我认为：翻译为 “ 捷径 ” 更符合实际意义。

[HerbertHe]

我感觉不管是现在的快捷方式的翻译还是捷径，都不太合适。此处我觉得意译可能会更好一点，以降低用户的心智负担。

根据shortcuts部分实际表达的意思，其实应该是指 custom utilities collection，跟在样式表里面使用 @apply 没什么区别，只是样式表更具有拓展性。

因此，我提议 工具集 可能会更好降低心智负担。

[antfu]

建议保留英文原文，以便和配置项对应避免疑惑

[HerbertHe]

Font family

提议不翻译

#66

[HerbertHe]

Flexbox 及其相关 CSS 属性名

提议不翻译

#68

[watonyweng]

• AutoEscape

提议： 自动转义
相关PR：#72

[watonyweng]

• Mix Blend Mode

提议： 不翻译
相关PR：#74
来源：Mix Blend Mode

[watonyweng]

• Perspective/Perspective Origin

提议： 不翻译
相关PR：#76
来源：

• perspective
• perspective-origin

[HerbertHe]

inline

提议：行内

翻译参考MDN

#68

[HerbertHe]

Scroll Snap

提议不翻译

MDN 相关 scroll-snap-type

PR: #111