27 entradas etiquetadas con #desarrollo-web.
JSON.parse y JSON.stringify hacen el trabajo pesado. Lo interesante está en los detalles: extraer la posición del error, calcular línea y columna, y sincronizar dos áreas de texto.
Leer Cómo construir un formateador de JSON en JavaScript puro →La accesibilidad web exige que el texto sea legible sobre su fondo. WCAG define umbrales de contraste calculados con una fórmula que tiene en cuenta cómo el ojo humano percibe la luz.
Leer Cómo calcular el contraste de color según WCAG en JavaScript →Restar dos fechas da los días totales en una línea. Descomponerlos en años, meses y días es otra conversación: los meses tienen distinta longitud, el 31 de enero lleva a territorio pantanoso y los años bisiestos añaden un día que cambia el resultado.
Leer Cómo calcular el tiempo entre dos fechas en JavaScript →Lume, Deno, pig.js, proveedores europeos y tres mil fotos rescatadas de Instagram. Un recorrido por las decisiones técnicas detrás de este sitio, contadas sin manual de instrucciones.
Leer El cuarto de máquinas de este blog →Millones de blogs, un movimiento indie con principios, herramientas abiertas y RSS... pero ¿cuántos años tiene quien los mantiene? Una reflexión sobre el relevo generacional en la web libre.
Leer La web indie y sus canas: ¿quién cuida el blog personal en 2026? →Markdown es el formato de escritura más útil que existe, pero convertirlo a HTML sin depender de un servidor ni de servicios externos tiene su miga. Aquí va cómo funciona la herramienta y por qué la hice.
Leer Cómo construir un conversor de Markdown a HTML que funcione en el navegador →Antes de los algoritmos, antes de los feeds infinitos, antes de que te convirtieran en audiencia, internet era un sitio donde la gente hacía cosas porque quería hacerlas. Y eso se notaba.
Leer Por qué la web de 2005 era más tuya que la de hoy →Awwwards y similares venden reconocimiento. El problema no es que cobren por participar. El problema es lo que el cliente entiende cuando ve la insignia en el footer de una agencia.
Leer La insignia que se compra →Una paleta de colores preciosa, una normativa de accesibilidad implacable y la conversación incómoda que tarde o temprano hay que tener con el cliente.
Leer Cuando el gusto personal choca con la accesibilidad webb →El NIF no es solo el DNI con otro nombre. Cuando tu formulario tiene que aceptar tanto personas físicas como empresas, el algoritmo del CIF añade una capa de complejidad que merece su propio artículo.
Leer Cómo validar un NIF español en un formulario web (con CIF incluido) →LQIP llena el hueco que deja una imagen mientras descarga: una versión diminuta y borrosa que se sustituye con un cross-fade cuando la real entra. Aquí cuento cómo lo implementé en Idenautas con un script Deno de cien líneas que genera los placeholders en build y los incrusta inline en el HTML, sin un solo byte de JavaScript de cliente más allá del onload del propio img.
Leer LQIP en Lume: placeholders inline generados en build →El IBAN tiene un algoritmo de validación elegante, una longitud que varía según el país y un problema con números enormes que tiene solución. Aquí va todo lo que necesitas para no rechazar cuentas bancarias válidas.
Leer Cómo validar un código IBAN en un formulario web →Eleventy —el generador de sitios estáticos al que tantos hemos sido fieles— ha confirmado que se renombra a Build Awesome y entra al catálogo freemium de Font Awesome. La versión gratuita sigue existiendo, pero la promesa original —proyecto pequeño, independiente, sin agenda comercial— deja de estar sobre la mesa. Toca empezar a mirar el horizonte.
Leer Cuando tu herramienta favorita cambia de rumbo →Antes de rechazar a un usuario con un mensaje de error críptico, al menos asegúrate de que el rechazo está justificado. Aquí te explico cómo validar documentos de identidad españoles con JavaScript.
Leer Cómo validar un DNI, NIE o Pasaporte en un formulario web →Cuando compartes un enlace en redes sociales, lo primero que ves es una imagen. Crear esas imágenes a mano para cada post es tedioso, y conectar un servicio externo es sobredimensionar el problema. La solución está en el propio build: un generador TypeScript produce un SVG por post, y resvg-wasm los convierte a PNG durante la compilación. Sin servicios externos, sin imágenes que mantener a mano.
Leer Imágenes Open Graph automáticas con Lume →El problema clásico: el texto va a 65 caracteres, pero las imágenes quieren ancho completo y las citas se quedan más estrechas. La solución habitual acumula divs wrapper sin semántica. Con un grid de columnas nombradas basta con una clase en el elemento hijo para que decida su propio ancho — sin wrappers, sin media queries, sin max-width repetidos por todo el CSS.
Leer Un sistema de layout con CSS Grid y columnas nombradas →Los desarrolladores que empezamos a finales de los noventa somos la primera generación de la historia que está envejeciendo en este oficio. No hay manual, no hay tradición, no hay abuelos que nos cuenten cómo se hace. Y lo cierto es que estamos disfrutándolo bastante.
Leer Cómo envejecer en un oficio que nunca había envejecido →Crónica honesta de cómo monté flavor-a11y para parchear lo que Divi no quiere arreglar en los sitios de marca blanca que llevo para terceros, con las trampas, los aciertos y todo lo que la WCAG no te cuenta hasta que tienes ochenta dominios en producción.
Leer Lo que aprendí construyendo un plugin de accesibilidad para Divi →WordPress ha democratizado la creación web de una forma genuinamente positiva. Más de un 40% de los sitios web del mundo funcionan con él. Pero toda democratización tiene efectos secundarios, y en el caso de WordPress, uno de los más dañinos ha sido la banalización del oficio de construir webs.
Leer WordPress: la democratización que trajo un problema →La web no es papel. Tiene un lienzo sin medidas fijas, colores que varían entre pantallas y tipografías que dependen del sistema operativo. Entender estas particularidades es lo que diferencia un buen diseño web de uno que solo luce bien en Figma.
Leer Diseñar para la web es diseñar para la incertidumbre →Poner tres mil imágenes en una página web con una etiqueta img por foto es una idea que parece razonable hasta que el navegador intenta ejecutarla. Aquí cuento qué pasa exactamente, cómo lo resuelve pig.js con un truco de renderizado virtual, y qué añadí yo encima para tener un visor con animación y navegación.
Leer Tres mil fotos en una página: el problema del DOM y cómo lo resuelve pig.js →Un movimiento que lleva más de una década reivindicando lo que para muchos era obvio: que tu identidad digital debería estar en tu dominio, que tu contenido debería ser tuyo, y que las plataformas centralizadas son un sitio peligroso donde apoyar tu vida en línea.
Leer Qué es el movimiento IndieWeb →Un caso real de WordPress con 45 plugins instalados, 12 GB de hosting ocupados y un cliente quejándose de lentitud sirve de excusa para hablar de basura digital, optimización web, page builders y la huella energética que nadie ve.
Leer 45 plugins, 12 GB y una web que pedía socorro →Hay una tendencia a tratar el rendimiento como algo que se optimiza al final del proyecto. Primero construyes la web, luego la haces rápida. Como si la velocidad fuera una capa de pintura sobre una estructura terminada. Eso no funciona — es el resultado de cientos de decisiones que se tomaron sin pensar en el rendimiento.
Leer La velocidad es una funcionalidad →En ofertas de trabajo, en conversaciones con clientes, incluso entre profesionales del sector, los términos diseñador web y desarrollador web se intercambian como si fueran sinónimos. No lo son. Y la confusión perjudica a ambas profesiones, al cliente que no sabe qué está contratando, y al proyecto que no recibe ni buen diseño ni buen desarrollo.
Leer Diseñador web y desarrollador web no son lo mismo →A finales de mayo, todos los años, dos o tres clientes me piden el logo en arcoíris durante junio. Cumplo el encargo y facturo. Pero este cuaderno es mío, y aquí sí puedo decir lo que pienso de ese gesto.
Leer Cada junio me piden lo mismo →Reescribir el monólogo de Roy Batty para hablar de FrontPage, GeoCities, GIFs animados y todo lo que un servidor vivió en los inicios de internet. Un paralelismo entre Blade Runner y la prehistoria del diseño web.
Leer He visto cosas que vosotros no creeríais →
