Keith Cirkel ha desarrollado como efecto colateral de un proyecto sobre CSS un juego psicofísico que consiste, explicado en plan rápido, en estimar cuál es la diferencia más pequeña que una persona puede distinguir entre dos colores. Basta ir haciendo clic en la línea vertical que separa los dos colores; no pasa nada por equivocarse por unos píxeles. A ese efecto se le conoce como JND, así que al juego lo ha llamado What's My ΔEOK JND?

Lyra Rebane ha creado una CPU x86 en CSS, todo un atrevido y bizarro invento que combina las instrucciones en código máquina de la CPU x86 con el lenguaje de hojas de estilo CSS de los navegadores web supervitaminado y mineralizado. El resultado, añadiendo una interfaz de entrada y salida, es que se pueden ejecutar programas de x86 directamente en el navegador, sin JavaScript siquiera. El resultado es lento y carente de practicidad, pero ahí queda.

Tras su lanzamiento a primeras horas de esta mañana la cápsula Shenzhou 22, que China tuvo que enviar en una misión de rescate de emergencia, ya está acoplada a la estación espacial china. La tripulación de la Shenzhou 20 descubrió que su cápsula estaba dañada cuando comenzó a prepararla para volver a tierra tras la llegada de la Shenzhou 21, lo que dejaba varados a tres astronautas. Por eso el CMSA aceleró el lanzamiento de la 22, demostrando que su protocolo de tener la siguiente cápsula y su cohete casi listos cuando se lanza una era una bu

La nueva especificación CSS Color 4 ha agregado la nueva notación de OKLCH para declarar colores. En OKLCH existen varios parámetros: "l c h" o "l c h / a", donde cada uno es: L es la luminosidad percibida (0-1). "Percibido" significa que tiene una luminosidad constante para nuestros ojos, a diferencia de L en HSL. C es el croma, desde el color gris hasta el color más saturado. H es el ángulo de tono (0-360). A es opacidad (0-1 o 0-100%).

Esta pasada noche China ha enviado una nueva tripulación a su estación espacial (CSS por las siglas en inglés Estación Espacial China). Viajaban en la cápsula Shenzhou 19, que se acopló a la estación sin problemas aproximadamente seis horas y media después de su lanzamiento. Es la octava tripulación que llega a a CSS y la quinta vez que se hace un relevo de tripulaciones a bordo de ella.

En X (antes Twitter) se comparten regularmente interesantes ejemplos de sofisticadas animaciones CSS. En el momento de escribir este artículo mi atención se centró en las animaciones de desplazamiento CSS, donde supongo que hay algunas propiedades nuevas que permiten reproducir una animación CSS basada en la posición de desplazamiento. Además, Apple ha estado usando esto en sus páginas de marketing. La propiedad parece bastante poderosa, pero ¿cuánto de poderosa? Esto me hizo pensar… ¿se podría reproducir un vídeo como CSS puro?

Una herramienta potente y sencilla de utilizar. Además proporciona el resultado, un rectángulo de suaves colores, en una línea de CSS listo para usar en cualquier página web (HTML) o como imagen SVG vectorial. Denostado por muchos, admirado por unos pocos, el degradado es una transición suave entre dos o más colores. Como otras modas de diseño ha vivido mejores y peores épocas. [vía microsiervos]

Demasiadas veces he sido testigo de cómo un músico improvisador intentaba sudorosamente hacer zoom con un pdf A4 en la diminuta pantalla de un móvil en el clímax de un concierto. Necesitamos un renderizado de música fluido y con capacidad de respuesta para la web.

La página en cuestión es Codedex.io y nada más entrar nos encontramos una interfaz que a nosotros particularmente nos encanta al trasladarnos a los juegos antiguos. En esta primera pantalla se va a tener que pulsar en Espacio para comenzar a responder preguntas sobre lo que quieres conseguir desarrollando para iniciar el juego adecuado para ti.

Tira de la cuerda. Explicación del funcionamiento en #1

En la página CSS loaders and Spinners hay decenas y decenas de barras de progreso e indicadores de carga creados con unas pocas líneas de código CSS y una sencilla instrucción HTML. Basta añadirlo a la hoja de estilos de la página y utilizar un código span class="loader" para mostrarlos en acción. Las animaciones incluyen desde ruedas, círculos y relojes a animaciones más complicadas con otras figuras geométricas, barras de progreso, deslizadores, textos que se van rellenando, flechas baterías y otras muchas metáforas. [vía microsiervos]