又多亏了vibe coding,给博客加了两个小功能。一个其实算是个大工程,去掉了所有中英文之间手打的空格(但习惯一时半会改不回来)。现代浏览器有了 text-autospace 这个CSS属性,就可以在CJK和拉丁文字之间自动添加一小段空格,看起来非常美观,也不会污染原本内容。下面的例子来自 MDN(MIT许可证),可以自己对比一下效果。
你的浏览器不支持
text-autospace。
text-autospace: no-autospace;
HTML超文本标记语言
42四十二
另一个是加了浏览器的HDR感知和开关切换。部分图片是没有gainmap的原生HDR格式,对于Firefox等浏览器会有严重的颜色映射问题;而对于Chromium,不管屏幕和系统是否支持HDR,都具有较好的色彩映射。研究了很久也没有研究出来如何在保持观感的情况下转换成gainmap,索性一刀切,只要屏幕、系统、浏览器任何一个链条不支持HDR,则强制加载SDR图片;反之则提供一个开关,允许用户在SDR和HDR之间切换。我在《无限试驾:太阳王冠》那篇文章中加入了一些HDR图片,有条件的读者可以试一试,后续我也打算传一些自己拍的图片,HDR真的让图片鲜活了很多。