Por @Alvy — 23 de mayo de 2023

SpaceBadgers

En algún sitio me encontré una referencia a SpaceBadgers, un generador de badges, algo que todo el mundo conoce pero para el que no he encontrado la traducción ideal al castellano (sería algo así como insignias*, placas, emblemas, chapas o incluso etiquetas).

Se trata sencillamente de esos letreros indicadores con una etiqueta y un número o «estado» que permiten entender rápidamente algún valor de la página: cuántos mensajes hay pendientes, un número de versión, la gente que hay apuntada a un foro o lista o el tipo de licencia. En los sitios de programación son populares; también es fácil combinarlos con código en JavaScript y HTML para simplificar la programación de la página.

SpaceBadgers permite generarlos sobre la marcha como archivos SVG con una sola petición HTTP. Es decir, se hace una petición del tipo:

https://badgers.space/badge/:etiqueta/:estado/:color

cambiando etiqueta, estado y color (no hay que poner los «:») por lo que se desee mostrar y listo; ahí aparece el SVG con su tipografía, colores y espaciados apropiados. Véase por ejemplo:

ejemplos: 42

También se pueden añadir parámetros a la URL para modificar otros detalles:

?scale=3&corner_radius=3&color=green

otro ejemplo: 3.14KB

Entre esos parámetros están entre otros color, scale, theme (paleta de colores), icon (imágenes), corner_radius y el siempre útil cache para expirar los diseños anteriores. El primer parámetro va como siempre precedido de ? y los siguientes encadenados con &.

Una herramienta curiosa de esas que pueden venir bien alguna vez, así que al saco de herramientas que va.

§

* Actualización (24 de mayo de 2023) – Insignias parece la mejor traducción, como nos sugiere Pepe.

Bonus: Un par de páginas más similares a estas: Óscar nos recomienda Shields.io; por otro lado me apareció por ahí Botones Emacs, con un toque muy retro.

Compartir en Flipboard Publicar / Tuitear Publicar