Creación de API de CSS sin JavaScript con el complemento datasette-css-properties

Simon Willison tiene un proyecto llamado Datasette , una multiherramienta de código abierto para explorar y publicar datos . No estoy seguro de estar calificado para explicarlo, pero es como una herramienta para facilitar el manejo de datos y hacer más (a través de la web) con los datos que tienes. Como hacer que esos datos sean consultables y darles una API.

Creo que, normalmente, obtendrías los resultados de una llamada API con tus datos en algo útil, como JSON. Pero Simon creó un complemento que genera los resultados como propiedades personalizadas de CSS y lo publicó en su blog :

Es muy, muy extraño: agrega una .cssextensión de salida a Datasette que genera el resultado de una consulta SQL utilizando el formato de propiedad personalizado CSS. Esto significa que puede mostrar los resultados de las consultas de la base de datos utilizando CSS y HTML puros, ¡no se requiere JavaScript!

Esto es lo que dije recientemente en “Propiedades personalizadas como estado” :

Esto me hace pensar que un archivo CSS alojado en CDN como este podría tener otras cosas útiles, como la fecha de hoy para su uso en pseudocontenido u otras cosas especiales urgentes. ¿Quizás la fase de la luna? ¿Resultados deportivos? ¡¿Sopa del DIA?!

Y Simon dice: ¿Qué tal las atracciones en la carretera?

Mi cerebro automáticamente se preocupa por la accesibilidad de eso, pero… ¿acaso los pseudoelementos no se leen de manera justa y confiable en los lectores de pantalla hoy en día? Sin embargo, todavía no puedes seleccionar el texto ni buscar en la página, lo cual es un problema de usabilidad y accesibilidad, así que no consideres esto como algo real que realmente haces para el trabajo de producción con usuarios desconocidos.

La publicación de su blog muestra un ejemplo un poco más dinámico en el que la hora del día genera un color diferente. Eso me hace pensar en @propertydeclarar tipos para propiedades personalizadas. Creo que esto se vuelve un poco más útil cuando puedes usar los valores que aparecen como sintaxis específicas .