Tema · 11 notas
Frontend y UX
Interfaces que se sienten bien y no se rompen en silencio: accesibilidad medida, avisos, PWA, CSS, React y decisiones de diseño.
Notificaciones en iPhone sin app nativa: cuándo basta con una PWA
La creencia de que iOS obliga a publicar en la App Store para enviar avisos es falsa desde iOS 16.4. Cómo se comprobó con el teléfono bloqueado y cuándo sí conviene ir a nativo.
5 de setiembre de 2026 · 5 minEncender y apagar una función de un sitio estático sin redesplegarlo
El cobro con tarjeta a veces está activo y a veces no. Si eso lo decide el build, cada cambio es un deploy. Un patrón con un endpoint de configuración, sin parpadeo y con modo seguro por defecto.
4 de setiembre de 2026 · 4 minFiltros que crecen con los datos: cuándo pasar de chips a un desplegable
Con cuatro etiquetas la barra se ve bien; con catorce ocupa cuatro líneas y tapa lo que filtraba. Un criterio simple para controles cuyo tamaño decide el usuario y no el diseño.
25 de agosto de 2026 · 6 minTres bugs de interfaz que no muestran ningún error
Un flex-1 que ignora su altura, un botón de Tailwind sin cursor de mano y un useEffect que revienta al desmontar. Tres fallas reales, cómo se diagnosticaron y la regla que dejó cada una.
16 de agosto de 2026 · 4 minEl sonido de aviso que dejó de sonar sin ningún error
Chrome permite unos seis AudioContext por página. Crear uno por aviso funciona las primeras veces y luego falla en silencio. El patrón correcto para sonidos cortos sintetizados.
14 de agosto de 2026 · 5 minAvisos por capas: sonido, toast, notificación y título
Una notificación del sistema disparada siempre es ruido y el usuario acaba bloqueándola. Cómo decidir qué aviso mostrar según dónde está mirando la persona en ese momento.
5 de agosto de 2026 · 4 minAstro y transition:persist: el enlace que se quedó congelado
Un logo persistido entre navegaciones seguía apuntando a #inicio en páginas donde esa ancla no existe. Lo que conviene saber de View Transitions antes de persistir un elemento con props.
28 de julio de 2026 · 5 minUn color de acento que sale de tu imagen sin romper la accesibilidad
Tomar el color dominante de una foto para teñir la interfaz es fácil. Que el resultado siga siendo legible con cualquier foto, en claro y en oscuro, obliga a buscar la luminosidad por iteración.
27 de julio de 2026 · 6 minLas trampas de hacer una PWA de verdad instalable
El service worker no es opcional, una caché de un año puede congelar tu propio sw.js, y la isla dinámica de iOS necesita su propio color. Lo que se aprende recién al instalarla en un celular real.
26 de julio de 2026 · 5 minContraste medido, no a ojo: WCAG en un tema oscuro
La primera paleta oscura tenía tarjetas a 1,09:1 contra el fondo y se veía como una masa negra. Un script de 32 pares de colores y tres reglas que no se vuelven a romper.
10 de julio de 2026 · 6 minPor qué Utilitarios nunca sube tus archivos a un servidor
La decisión de procesar PDF, imágenes y texto dentro del navegador con WebAssembly no fue solo una elección técnica: es el argumento frente a iLovePDF y lo que hace que el sitio funcione sin conexión.