39 noticias
Elegir una buena fuente para un sitio web es solo el comienzo: el grosor, el estilo, el espaciado y la decoración del texto abren muchas posibilidades, pero en ocasiones hacen falta herramientas adicionales para que los textos destaquen visualmente. Esta guía repasa cinco propiedades CSS relativamen
Artículo de Lea Verou que defiende el uso de interruptores de modo oscuro con dos estados frente a los clásicos de tres (claro, oscuro y sistema). La autora parte de una premisa: el modelo interno de una aplicación sí necesita tres estados —el valor por defecto del sistema operativo y los valores ex
Sunlit es un proyecto web de código abierto que reproduce el efecto visual de la luz del sol entrando por una ventana, junto con el movimiento de hojas mecidas por el viento. La implementación se realiza íntegramente con CSS, HTML y un filtro SVG, sin recurrir a JavaScript ni a imágenes en movimient
Un diseñador web propone una alternativa al debate abierto por Lea Verou sobre los selectores de modo claro y oscuro. Frente al enfoque de Verou, que defiende un interruptor de dos estados donde la opción 'sistema' queda implícita, el autor argumenta que mezclar la preferencia del sistema con el tem
Una retrospectiva visual de la agencia digital londinense Blueberry durante el auge y estallido de la burbuja punto com, narrada por Matt, diseñador que llegó desde el estudio gráfico Form para trabajar en proyectos web de mayor envergadura. Blueberry, más un club social que una empresa tradicional,
Ars Technica ofrece a sus suscriptores de pago Ars Pro la posibilidad de personalizar la experiencia de lectura en su sitio web. Todos los lectores pueden elegir entre dos vistas —Cuadrícula y Lista—, pero la suscripción desbloquea dos opciones adicionales. La vista Clásica recupera el diseño origin
Un debate en línea plantea la posibilidad de una «bifurcación» de la tecnología actual: no una reacción ludita ni nostalgia, sino usos distintos de herramientas que, en sí mismas, se consideran aceptables. El hilo defiende explorar aplicaciones alternativas y mejores prácticas de diseño, no reemplaz
Stolen Buttons es un proyecto personal y creativo del desarrollador Anatoly Zenkov en el que, tal como explica en su propia página, 'roba' un botón de cada sitio web que visita y lo incorpora a su colección particular. La iniciativa nace como una forma divertida y curiosa de fijarse en los pequeños
Muchos sitios web aplican pequeños ajustes tipográficos para cuidar la lectura, como los espacios no separables que mantienen unidas expresiones del tipo «5 cm» o «Nueva York» y evitan que el navegador las parta entre dos líneas. Este artículo describe una mejora concreta de ese mismo principio apli
Red Blob Games ha publicado una calculadora de diseño responsivo que automatiza el cálculo de breakpoints y genera el CSS adaptable al ancho del navegador. La herramienta surge de un problema detectado por el autor en su propio sitio web: al migrar de píxeles a unidades rem en 2020, redondeó manualm
La función oklch() de CSS permite describir un color a partir de tres componentes: luminosidad (L), croma (C) y tono (H). Por ejemplo, el azul #007ab8 equivale a oklch(55.48% 0.131 241.70). La verdadera potencia llega con los colores relativos, una característica que, anteponiendo el operador from a
Este artículo describe el proceso técnico seguido por su autora para publicar en la web un texto escrito a mano y, al mismo tiempo, permitir que el contenido sea seleccionable y copiable. El primer paso fue fotografiar las páginas manuscritas; después, las imágenes se integraron en un único archivo
El desarrollador Tom (beeps.website) ha presentado Contrast Ratio Color Grid, una herramienta web gratuita y de código abierto que permite visualizar de forma simultánea las combinaciones de color y sus ratios de contraste según las Pautas de Accesibilidad al Contenido en la Web (WCAG 2.2). El proye
The Proportional Web es una hoja de estilos CSS de código abierto creada por Oskar Wickström que traslada al navegador los principios tipográficos del clásico The Elements of Typographic Style, de Robert Bringhurst. Se presenta como la secuela espiritual y de ancho variable de The Monospace Web, otr
El artículo de Nick Borș parte de un dato del HTTP Archive: la mediana de peso de las páginas web ha pasado de unos 200 kB hace tres décadas a alrededor de 2,5 MB en la actualidad, un crecimiento de 130 veces que, según el autor, no se corresponde con un aumento equivalente en la calidad real del co
El Unicode incluye en sus bloques tipográficos numerosos ornamentos editoriales clásicos, como ❦ y ❧, además de símbolos como ❀ (White Florette) o ᪥ (Tai Tham Sign Dokmai, donde "dokmai" significa "flor" en tailandés septentrional y lao). Muchos diseñadores web quieren emplearlos como separadores vi
El artículo reflexiona sobre el significado real de la cifra 98 % según el contexto en el que se aplique. Un 98 % de acierto en la lotería o de matrículas de honor es excelente, pero un 98 % de aciertos en algo esencial —como evitar intoxicaciones alimentarias o pagar a los empleados— resulta inacep
Craigslist, el histórico portal de clasificados nacido en los años noventa, ha incorporado emojis en su página principal y en sus listados de categorías, un cambio visible para los usuarios desde esta semana. El sitio, conocido por mantener deliberadamente un diseño minimalista y casi anacrónico fre
La nueva función random() de CSS permite asignar valores aleatorios a las propiedades de estilo directamente desde la hoja de estilos, sin necesidad de JavaScript. Está disponible de forma experimental en Polypane 29+, Safari 26.2+ y Chromium 148+ con las funciones experimentales activadas; Firefox
La web de Flatpak.org funcionaba desde hace años sobre Middleman, un generador de sitios estáticos cuyo código arrastraba 42 avisos de vulnerabilidades y un listado de dependencias extenso y desactualizado. El desarrollador Jakub Steiner detalla en un artículo el proceso de reescritura completa del
Jim Nielsen reflexiona sobre una idea que aparece en un artículo reciente de John Gruber y la convierte en una pequeña tesis sobre el oficio de escribir en la web. El detonante es una crítica de Gruber a los popups invasivos —ventanas de suscripción a boletines, avisos de cookies y demás obstáculos—
Matt's Script Archive fue una colección de scripts en Perl publicada en 1995 por el adolescente estadounidense Matt Wright desde su sitio worldwidemart.com. Ofrecía herramientas básicas para sitios web de la época —libros de visitas, formularios de contacto, contadores de visitas y, sobre todo, WWWb
Un relato personal demuestra que el HTML básico, sin abusar de JavaScript ni formatos complejos, sigue siendo la herramienta más universal para garantizar el acceso a la información y los servicios públicos. La historia transcurre en una oficina de prestaciones de vivienda en Londres, donde una jove
Old'aVista es un directorio web inspirado en el estilo clásico de los grandes índices de finales de los años noventa y principios de los dos mil, pero adaptado para funcionar como una pasarela a páginas y recursos históricos de internet. La página principal reproduce la estética de los antiguos port
Performative UI es una biblioteca de componentes para React, distribuida bajo licencia MIT y ya disponible de forma general, que satiriza los patrones visuales repetidos en las páginas de producto de las startups de inteligencia artificial. La colección reúne 26 componentes agrupados en nueve catego
En su último artículo, John Gruber acuña el término 'dickover' para describir los modales omnipresentes e irritantes que asolan la web moderna. Estos paneles intrusivos, que exigen acciones como aceptar cookies, suscribirse a boletines o instalar aplicaciones, deliberadamente ocultan el contenido qu
El artículo, originado en un blog de matemáticas, explora un fenómeno intrigante: la aparición de patrones repetitivos y distintivos en contenido generado por modelos de lenguaje grandes (LLMs), a los que el autor denomina "ai-smells" o "olores de IA". La idea central es que, si bien inicialmente el
Un nuevo método denominado 'Assembly Rig' ha simplificado significativamente el desarrollo de interfaces animadas, permitiendo a los creadores reconstruir figuras de palo a partir de partes primitivas exclusivas en cada fotograma. Esta técnica elimina la necesidad de contornos perfectos o pipelines
Los 'Cartoon Network Flash Games' representan una cápsula del tiempo en la historia del diseño web y el entretenimiento online. En la primera década del siglo XXI, antes de la omnipresencia del streaming y los juegos móviles, Cartoon Network ofrecía una colección vibrante de juegos accesibles direct
## Dithering con CSS: Creando Efectos Visuales Consistentes en tu Sitio Web ¿Qué es el dithering y por qué es útil? El dithering es una técnica que se utiliza para simular más colores de los que realmente están disponibles. Imagina que tienes una paleta de colores limitada, pero necesitas mostrar
En la era de la inteligencia artificial y la proliferación de herramientas de desarrollo web complejas, a menudo nos perdemos en la búsqueda de interacciones sofisticadas y dinámicas en las páginas web. Sin embargo, el autor, Jim Nielsen, propone un enfoque refrescante y fundamental: construir sitio
Hacker News ha experimentado un aumento significativo en las presentaciones de 'Show HN' (proyectos mostrados), triplicándose en los últimos años, lo que obligó a los moderadores a restringir las presentaciones para cuentas nuevas. Un análisis reciente revela que muchas de estas presentaciones compa
Este artículo presenta un proyecto personal fascinante y poco convencional: la creación de una web llamada `absurd.website` donde el autor desarrolla un proyecto web “absurdo” cada mes durante un año, resultando en un total de 48 proyectos. La iniciativa, inicialmente compartida en un foro de desarr
El título "I prefer OG style websites – what are yours?" (Prefiero los sitios web de estilo OG – ¿cuáles son los tuyos?) se refiere a una apreciación por los sitios web que priorizan la funcionalidad sobre la estética moderna y a menudo recargada. En la era de diseños minimalistas, animaciones compl
Futile.ch es una página web peculiar y entretenida que, a primera vista, parece no hacer nada más que ofrecer una interminable barra de desplazamiento vertical. Sin embargo, su propósito es mucho más interesante: medir y clasificar la velocidad a la que las personas se desplazan en sus dispositivos
Un artículo de Proto Typing en protovate.com argumenta que la accesibilidad en el diseño digital no debe considerarse una característica adicional, sino un imperativo fundamental. El texto destaca que muchas personas ya utilizan funciones de accesibilidad sin siquiera ser conscientes de ello, como l
El sitio web modern-css.com se centra en un problema común para los desarrolladores web: la necesidad de utilizar 'hacks' o soluciones alternativas para lograr ciertos efectos visuales o comportamientos en CSS. Estos hacks, a menudo basados en trucos para sortear limitaciones de versiones antiguas d
El proyecto <css-doodle /> v0.50.2 introduce un conjunto de selectores CSS personalizados para generar patrones visuales y animaciones basados en una cuadrícula. Esencialmente, permite crear diseños complejos y dinámicos directamente en CSS, sin necesidad de JavaScript. La utilidad principal reside
Este repositorio de GitHub, llamado 'fun-with-clip-path', presenta una ingeniosa implementación de un menú desplegable utilizando únicamente HTML y CSS, sin necesidad de JavaScript. La idea original se inspira en el trabajo de iVentions y se popularizó en X (anteriormente Twitter). El objetivo princ
