cultura y tecnología

encontrados: 142, tiempo total: 0.003 segundos rss2
7 meneos
222 clics
Un juego de percepción que explora cuánto se puede distinguir un color de otro, y sus implicaciones técnicas al usar ciertos valores

Un juego de percepción que explora cuánto se puede distinguir un color de otro, y sus implicaciones técnicas al usar ciertos valores

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?
5 meneos
145 clics

Emulador de CPU x86 íntegramente en CSS

x86CSS es una CPU/emulador/ordenador x86 que funciona únicamente con CSS. Sí, las hojas de estilo en cascada CSS. No requiere JavaScript. Lo que ves arriba es un programa en C que se compiló con GCC en código máquina 8086 nativo y se ejecuta íntegramente en CSS.
18 meneos
227 clics
Un código que mezcla x86 y CSS y demuestra que poder hacerse, se puede

Un código que mezcla x86 y CSS y demuestra que poder hacerse, se puede  

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.
113 meneos
1394 clics

Hackearon el CSS: dentro del primer día cero de Chrome en 2026 (CVE-2026–2441) [EN]

Finalmente sucedió. Durante años, los investigadores de seguridad han bromeado sobre la complejidad de la pila web, pero la pesadilla hiperbólica se ha convertido en realidad: el CSS se ha visto comprometido. Google ha publicado una actualización de seguridad de emergencia para el navegador Chrome con el fin de solucionar una vulnerabilidad crítica que actualmente está siendo objeto de ataques activos. El fallo, identificado como CVE-2026–2441, es un error de alta gravedad denominado «Use-After-Free» (UAF) que no se encuentra en el motor JavaS
10 meneos
209 clics

La IA está creando un nuevo paradigma de éxito: productos que usa todo el mundo pero tienen que cerrar por falta de ingresos

Tailwind es uno de los framework de CSS para generar interfaces de usuario más populares en la actualidad por los desarrolladores. Sin embargo, al mismo tiempo que la startup vive uno de sus mejores momentos, ha tenido que despedir al 75% de su plantilla de desarrolladores por un motivo cada vez más habitual: el impacto de la IA.
6 meneos
113 clics

Cómo mejorar la visualización de tablas largas en WordPress para móviles con CSS3

Si alguna vez has tenido que mostrar tablas largas en WordPress y notas que se ven mal en móviles, este tutorial de SushiHost es una joya. Explica paso a paso cómo añadir microestilos con CSS3 para que tus tablas se vean ordenadas y legibles sin importar el tamaño de la pantalla. Me encantó porque es práctico, fácil de seguir y realmente mejora la experiencia de tus visitantes. Ideal para bloggers y desarrolladores que quieren que su contenido sea profesional y accesible.
4 meneos
64 clics

Tutorial WordPress: Hacer que el logo cambie de color en modo oscuro con CSS

Tutorial para mejorar el logo en el modo oscuro en wordpress.
8 meneos
125 clics

Guía para Personalizar la Interfaz de Brave: Temas, Fondos y Más

Descubre cómo adaptar la apariencia de tu navegador Brave con esta completa guía. Aprende a elegir temas, cambiar fondos de pantalla, personalizar la barra de herramientas y usar características avanzadas como CSS personalizado. Dale un toque único a tu experiencia de navegación.
115 meneos
1474 clics
Colores en CSS: por qué hemos cambiado RGB y HSL por OKLCH [ENG]

Colores en CSS: por qué hemos cambiado RGB y HSL por OKLCH [ENG]  

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%).
5 meneos
332 clics

Ya no necesitas JavaScript [ENG]  

Gran parte de la web en estos días está arruinada por la hinchazón de modernos frameworks de JavaScript. Aplicaciones escritas con React que tardan varios segundos en cargarse, sitios donde se usa NextJS que arrojan errores de dibujado aleatorios. O la carpeta node_modules que ocupa gigabytes en el disco duro. Todo eso es horrible. Pero ya no es necesario.
4 meneos
167 clics

CSS Clicker

CSS Clicker es un juego incremental basado en la creación de sitios web. Tu objetivo es construir un sitio web y subirlo de nivel comprando todo tipo de mejoras para convertirte en el sitio web más famoso de Internet. ¿Por qué se llama CSS Clicker? Todo el juego está escrito en HTML y CSS. No se utiliza JavaScript ni código del lado del servidor:). Es un «que te jodan» para la gente que dice que HTML/CSS no son lenguajes de programación.
3 meneos
168 clics

CSS Puzzle Box 2.0 (sólo escritorio)

Esta caja rompecabezas con todas las funciones no utiliza selectores JavaScript o CSS en el HTML, sólo una gran cantidad de atributos de estilo. En este artículo explicaré cómo he usado mal el HTML/CSS para conseguirlo. Hay spoilers por delante sobre lo que contiene la caja del puzzle, ¡así que ve a jugar si aún no lo has hecho!
17 meneos
26 clics
China envía una nueva tripulación a su estación espacial con la cápsula Shenzhou 19

China envía una nueva tripulación a su estación espacial con la cápsula Shenzhou 19

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.
12 meneos
151 clics
¿Se puede convertir un vídeo a CSS puro? [ENG]

¿Se puede convertir un vídeo a CSS puro? [ENG]  

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?
10 meneos
284 clics
¿Y si toda la Web fuera monoespaciada?

¿Y si toda la Web fuera monoespaciada?

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.
23 meneos
180 clics
Un generador de degradados con exportación a CSS y SVG en un solo clic

Un generador de degradados con exportación a CSS y SVG en un solo clic

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]
43 meneos
358 clics
Imprimir música con CSS Grid (ENG)

Imprimir música con CSS Grid (ENG)

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.
8 meneos
292 clics

Doom scroll

Una demo inspirada en DOOM sin JavaScript realizada con la propiedad CSS scroll- timeline, por ahora sólo compatible con Chrome.
3 meneos
93 clics

No suele considerarse a HTML y CSS lenguajes de programación... pero hay quien no está de acuerdo (y tienen buenos argumentos)

Se presentó una forma de simular la Regla 110 utilizando CSS y HTML en un evento llamado Hack && Tell en 2011. Dicha 'Regla' es un modelo de autómata celular, creado por Stephen Wolfram, que en 2004 se demostró que es Turing-completo. La simulación de Rule 110 en CSS se basa en la idea de que el código CSS puede representar el estado de las células en un autómata celular, y las interacciones de los elementos HTML pueden simular las reglas de transición de Rule 110
126 meneos
3074 clics
Aprende a programar gratis mientras juegas con esta web. Incluye Python, CSS o JavaScript

Aprende a programar gratis mientras juegas con esta web. Incluye Python, CSS o JavaScript

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.
96 meneos
4032 clics

Quizá sólo necesites HTML [ENG]

Los lectores me preguntan de vez en cuando qué generador de HTML estático utiliza fabiensanglard.net, y si pueden tomar la misma hoja de estilos/fuentes para empezar su propio blog. Suelo devolverles las 134 líneas completas de gen.php e invitarles a copiar lo que necesiten para empezar. También añado un consejo no solicitado. Los escritores que están empezando pueden no necesitar nada de esto. Puede que todo lo que necesiten sea HTML.
9 meneos
395 clics

Un juego desarrollado al completo por una IA: así es el juego que ha generado ChatGPT a partir de las indicaciones de un usuario

Un juego de historia con preguntas polémicas desarrollado por una IA. Su creador, Ophir Lojkine, lo explica todo a través de su entrada en GitHub. Y es que ChatGPT se ha encargado de desarrollar un juego completo de preguntas y respuestas, incluyendo código en JS, con elementos en CSS, e incluso el archivo 'Readme.md'. Todo el texto que aparece en el juego ha sido generado por la inteligencia artificial, es decir, tanto las advertencias, como las preguntas y puntos cómicos y sarcásticos.
56 meneos
690 clics

Efectos en Cartas Pokémon 3D [en]

Una colección de estilos CSS avanzados para crear efectos realistas para las caras de las cartas de Pokémon. ¡Las tarjetas usan transformaciones 3D, filtros, modos de fusión e interacciones para brindar una experiencia única cuando se miran más de cerca!
6 meneos
112 clics

Lo bueno, lo malo y lo feo de CSS-in-JS [EN]

Por qué estamos rompiendo con CSS-in-JS. Como sugiere el nombre, CSS-in-JS le permite diseñar sus componentes React escribiendo CSS directamente en su código JavaScript o TypeScript. [...]
86 meneos
5765 clics
Un artilugio mecánico interactivo en CSS puro [ENG]

Un artilugio mecánico interactivo en CSS puro [ENG]  

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

menéame