Yendo directos al grano y con unas cuantas opciones para crear variaciones, los Isocons son una extensa y a la par deliciosa colección de iconos isométricos para usar en cualquier diseño: páginas web, presentaciones, logotipos…

Ya solo ver el primer pantallazo invita a usarlos, pero es que haciendo clic sobre ellos se accede a más opciones: modificar el ángulo de la vista, el color o si se usa lo que llaman duotono o no (el color más claro para las caras y más oscuro para los bordes). Además de eso también se pueden modificar los bordes (esquinas rectas o redondeada), el grosor del trazo y el tamaño dentro de la «caja virtual» que forma el icono, medido en píxeles.

El resultado puede descargarse en SVG o PNG, a gusto del visitante. Además de ser una gran colección cientos que cuando la examinas contiene cientos de pequeños diseños, hay que decir que es difícil crear una web tan sencilla, útil, directa y con tanto estilo, todo sea dicho.

Bonus: ese plus para el cubo azul sombreado de esquinas rectas que me recuerda al isotipo de cierto veterano blog español sobre ciencia y tecnología.

He perdido probablemente demasiado tiempo probando cómo de azul –o verde– es lo que yo considero azul en distintos dispositivos, condiciones de iluminación y horas en Is My Blue Your Blue? para comprobar que, al menos soy consistente en mis resultados y rondo los 170–175. Pero lo verdaderamente divertido es compararlo con otras personas.

Los colores pueden representarse en el espacio de color HSL (tono, saturación, luminosidad), y es la traducción que hace la web del RGB de las pantallas. En HSL el tono 120 es verde y el 240 azul. La prueba se centra en los tonos azul-verde entre 150 y 210. Así que parezco bastante normalito. Al menos en esto del verde y el azul. De hecho 175 parece ser el valor central de los resultados registrados en la web.

Por supuesto la forma en la que tengas calibrado –o no– tu monitor, la luz ambiente e incluso factores como tu nivel de cansancio pueden influir en el resultado, así que no es muy científico. Pero da para pensar, lo que siempre mola.

Pensar en cosas como del estilo de cómo vemos, interpretamos, y nombramos los colores. En el caso del japonés, por ejemplo, no hay una palabra para verde. O eso dicen. Y de ahí a aquello de que las mujeres ven más colores que los hombres y a los qualia o al cómic Door de Aberron.

Como dice el autor de la web, «Las personas dan nombres diferentes a los colores que ven. El lenguaje puede afectar a la forma en que memorizamos y nombramos los colores. Esta es una prueba de denominación de colores diseñada para medir tu límite personal azul-verde.»

Por cierto que el 175 en HSL casualmente es el color turquesa de HTML. Mientras que el límite nominal entre el azul y el verde está en 180, el color HTML cian según el HTML. Esto significa que la mayoría de la gente se inclina por decir que el cian es azul. ¿Lo es para ti?

Venga, a cacharrear con los colores y, sobre todo, a compartir el enlace y comentar la jugada.

Las quejas por el tiempo perdido a Javier Armentia, que siempre ha sido, es y será un liante.

Relacionado,

• Los nombres de los colores
• Los patrones antropológicos de los nombres de los colores
• Los colores de la sinestesia
• Tesauro sobre colores y mujeres con superpoderes en su visión

Es difícil imaginar una web completamente en tipografía Courier, sagrada fuente monoespaciada donde las haya, pero Oskar Wickström ha hecho el ejercicio y ha creado The Monospace Web, donde explora esta artística curiosidad.

Tal vez lo más interesante es que además del estilo básico para los párrafos de texto el autor se ha entretenido en añadir muchísimos más estilos HTML/CSS, desde los básicos sobre el texto a las listas a tablas, formularios en incluso diseños grid.

Si la idea triunfa podríamos pasar de una web de ricas y variadas tipografías a otra más parecida a las pantallas de tubos catódicos y fuentes monoespaciadas de alto contraste propias del pasado. Difícil será que cuaje, pero la semilla ahí está plantada.

Las plantillas y código están disponibles en Github: The Monospaced Web.

Relacionado:

• JetBrains Mono, una tipografía monoespaciada para la máxima legibilidad del código
• Hack, una fuente monoespaciada y muy conveniente
• Comic Mono, una variante monoespaciada de la famosa (y odiada) Comic Sans
• Monaspace: una «superfamilia» de tipografías a medida para trabajar con código
• Fira Code, Iosevka, Hasklig: tipografías monoespaciadas con ligaduras para escribir código (libres y gratuitas)

World in Dots hace una sola cosa y la hace bien: crear mapas punteados en los que se pueden modificar distintos valores para personalizarlos un poco. El resultado se puede entonces exportar como gráficos PNG o SVG, quedando listos para usar.

Entre las diversas opciones están cambiar la densidad de los puntos y su tamaño, el color y la forma (círculo, cuadrado, hexágono). Además de eso se puede modificar el color de fondo y el margen de relleno.

Además del mapamundi de toda la vida también se pueden crear mapas por países. Tan solo hay que teclear su nombre en la caja de búsqueda y listo.

Una buena herramienta para generar uno de los elementos más humildes y típicos que se suelen utilizar en todo tipo de informes y presentaciones: los mapas del mundo y sus diferentes países.