全部笔记

· Nimbune · 更新于

我们如何打造这个网站

即使没有人仔细阅读,一个网站也在诉说一家公司。它有多快,在旧手机上表现如何,视力不好的人用起来是否方便,这些都看得出来。所以我们把 Nimbune 的网站当作一个产品来对待,遵循与其他工作相同的规则。以下是主要的选择。

速度优先。 页面提前生成,打开时已经准备就绪,无需临时计算。我们只加载你正在浏览的页面所需要的内容。字体托管在网站本身,不向其他服务发出请求。当你的指针靠近一个链接时,浏览器就开始准备下一个页面,点击时几乎瞬间打开。我们用 Core Web Vitals 衡量速度,这是一组公开指标,反映页面对使用者来说有多快、多稳定。

人人可用。 网站遵循 WCAG 2.2 AA 级无障碍指南。仅用键盘就能完成所有操作,颜色对比度足以让每个人看清,每个元素都为使用屏幕阅读器的人提供清晰的名称。每次发布前,我们都会用自动化测试检查每个页面,并亲眼查看。

过渡效果。 在页面之间切换时,标题会平滑变换,而不是消失后再出现。这是一个细节,但它让整个网站浑然一体。如果你的浏览器不支持,页面会照常打开。

浅色、深色与动画。 网站跟随你设备上的浅色或深色主题,你也可以用按钮切换。同样,如果你希望动画少一些,一个开关就能在整个网站减少动画。每个效果都有一个始终可用的静态版本。

在可能的地方使用更丰富的色彩。 在支持的屏幕上,蓝色使用更宽的色域。在其他屏幕上,它保持同样的颜色,使用标准版本。

四种语言。 网站提供英文、中文、泰文和意大利文。文字会为读者进行调整,而不是逐字照搬。中文和泰文使用你设备上已有的字体,因此网站依然快速。

不追踪。 没有广告、画像或统计类 Cookie。如果你选择了主题或减少动画,这个选择只保存在你的浏览器中,从不发送给我们。

尊重你时间的表单。 用于关注我们笔记和申请加入 Enterprise Program 的表单,会把你提交的内容保存在我们自己的数据库中,运行在同样为网站提供服务的 Cloudflare 网络上。表单由 Cloudflare Turnstile 防护垃圾信息,它只在真正需要时才请你操作,也不会在不同访问之间追踪你。

以开放软件为核心。 网站使用开源工具构建,包括 Astro 和 Instrument Sans 字体,并运行在 Cloudflare 的全球网络上。

这些选择单独看都不惊艳。合在一起,就成了一个打开迅速、易于阅读、人人可用的网站。这也是我们希望每个产品都达到的标准。

Nimbune