最近 CSS 领域发生了一件不起眼的小事，但对中文用户却是史诗级的更新，三大主流浏览器全部正式支持 text-autospace 属性了，也就是可以给中英文自动增加空白。但是这个属性默认是没有启用的，只需要一行代码 :root { text-autospace: normal; } 但这个属性目前的问题是：
- 文字渲染性能会有影响
- 不是加空格而是间距更小的 1/8em，看起来会有点奇怪
- Tailwind 之类的框架肯定不会 care 这个，大概率还是要手动添加吧
上周 variant.ai 的创始人 Ben South 发了一个宣传视频，但是这个视频不讲产品多么好用，甚至连界面都没有剧透，而是玩梗嘲讽了 AI 生成的 UI 都是蓝紫色、只会改颜色，最后把男主角逼疯的故事。并巧妙的在视频里藏了很多邀请码，都是颜色代码，有些是很明显的、有些很隐蔽、有些需要扫码、有些还是加密的需要破解（视频后面生成各种网页的标题名字是各种颜色的专有名词，需要转换为颜色 code），可玩性和趣味性都做到了极致。播放量和流量也自然上去了，反正我是看了无数遍。
这个产品的营销才是值得学习的正面案例，没有震惊体没有套路，只是用巧妙的增长策略吸引用户。更好玩的是，创始人上周还和 Anthropic 的工程师订婚了，然后他们在这张图片里还藏着邀请码，好吧我又来晚了……如果谁拿到邀请码了可以来分享一下使用体验。
周末我用 Unicorn Studio 复刻了一下上周 Cloudflare 的新设计页面的 hero 动画，背景里的光影闪烁其实就是 Wisps 特效，底部光晕可以用 Circle 也可以用 Beam，最上面再加上 Fog 效果，基本就完成了。有兴趣的可以自己试一下，很简单。
Resources↘
Apps in ChatGPT
ChatGPT 上周首次在 Figma 创建了账号并公开了第一个设计源文件。
LottieEditor X
之前推荐过这个国产 lottie 动画编辑器，目前 Pro 版免费，抓紧试试吧。
