使用 datasette-css-properties 插件创建无 JavaScript 的 CSS API

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

Simon Willison 有一个名为 Datasette 的项目,一个用于探索和发布数据的开源多功能工具。我不确定自己是否有资格解释它,但它就像一个工具,可以简化数据处理并通过网络对现有数据执行更多操作。例如,使数据可查询并为其提供 API。

我通常会认为,您会在某种有用的格式(例如 JSON)中获取针对数据的 API 调用的结果。但 Simon 制作了一个插件,该插件会将结果输出为 CSS 自定义属性,并在博客中介绍了它

这非常非常奇怪——它为 Datasette 添加了一个 .css 输出扩展,该扩展使用 CSS 自定义属性格式输出 SQL 查询的结果。这意味着您可以使用纯 CSS 和 HTML 显示数据库查询的结果,无需 JavaScript!

以下是我最近在 “自定义属性作为状态” 中所说的话

这让我想到,类似这样的 CDN 托管 CSS 文件可能包含其他有用的内容,例如用于伪内容的今日日期或其他特殊的时间敏感内容。也许是月相?体育比分?!今日汤品?!

Simon 则表示,路边景点怎么样?

我的大脑会自动担心其可访问性,但是……如今屏幕阅读器是否相当可靠地读取伪元素?您仍然无法选择文本或进行页面内查找,这两者都是可用性和可访问性问题,因此不要将其视为在处理未知用户的生产工作中真正使用的东西。

他的 博文 演示了一个稍微更动态的示例,其中一天中的时间会输出不同的颜色。这让我想到 @property 和为自定义属性声明类型。我认为当您可以将返回的值用作 特定语法 时,它会变得更有用。