Desde el blog de OpenReplay
Edición en el navegador con contentEditable
Edición contenteditable en el navegador: activa texto en línea, captura eventos input, evita los límites de execCommand y previene XSS.
5 APIs de JavaScript que Todo Desarrollador Frontend Debería Conocer
5 API nativas de JavaScript para frontend: IntersectionObserver, ResizeObserver, AbortController, Clipboard API y View Transitions.
Cómo solucionar 'ERR_TOO_MANY_REDIRECTS'
Corrige ERR_TOO_MANY_REDIRECTS con una guía para diagnosticar bucles de redirección, fallos HTTP a HTTPS, SSL de Cloudflare y ajustes de proxy.
Uso de agentes de IA para automatizar tareas repetitivas en proyectos
Usa Claude Code skills para automatizar tareas repetitivas del proyecto, registrar pasos de setup y despliegue, y mantener flujos fiables.
Propiedades abreviadas de CSS más comunes
Guía de atajos CSS para margin, padding, border, font, background y flex, con reglas de reseteo, orden de valores y errores ocultos.
Pruebas de Componentes Basados en API en Storybook
Usa MSW en Storybook 10 para probar componentes con API en estados de carga, error, vacío y éxito, y convertir stories en tests.
Geometría Real en el Navegador con Geometric.js
Geometric.js lleva intersección de polígonos, límites, prueba de punto en polígono e interpolación de rutas a gráficos, mapas, SVG y Canvas.
3 Sistemas de Tipos que No Son TypeScript
Compara JSDoc + @ts-check, ReScript y Flow como alternativas a TypeScript para JavaScript, con sus ventajas y límites en seguridad, build y adopción.
MDN Ahora Es un Servidor MCP
El servidor MCP de MDN ofrece a los agentes de IA búsqueda, documentación y datos de compatibilidad del navegador, además de instalación y límites.
Qué es bunx y cuándo usarlo
bunx explicado: cómo Bun ejecuta binarios npm sin instalación global, cuándo usar --bun y cuándo npx sigue siendo la opción segura.
Cómo truncar texto en CSS
Recorta texto en CSS con text-overflow: ellipsis para una línea o line-clamp para varias, además de ajustes para flex y grid.
5 Bookmarklets Útiles para Desarrolladores
Cinco bookmarklets útiles para desarrolladores: editar páginas en vivo, depurar maquetación, revelar campos de contraseña, elegir colores e inyectar eruda.
Pruebas de Componentes Svelte 5 con Vitest
Prueba componentes de Svelte 5 con Vitest usando mount, testing-library o browser mode, más la configuración correcta para runes, efectos y snippets.
Primeros pasos con npm Workspaces
Configuración, comandos y límites de npm workspaces para gestionar un monorepo, vincular paquetes internos y saber cuándo añadir Turborepo o Nx.
Revisiones de Código Automáticas con CODEOWNERS
Configura CODEOWNERS en GitHub, evita fallos silenciosos y exige revisión con patrones, permisos y protección de ramas correctos.
Cómo hacer una copia de seguridad de un sitio WordPress
Haz copia de seguridad de un sitio WordPress con mysqldump, tar, cron y rclone. Cubre archivos, base de datos, copia fuera del sitio y pruebas de restauración.
Revisión de Código Generado por IA con Difftastic
Usa Difftastic para revisar código generado por IA con diffs estructurales, integrarlo en git y aislar cambios de comportamiento del formato.
3 Errores Comunes de JavaScript Explicados
Tres trampas de JavaScript explicadas: cálculos de coma flotante, comprobaciones de NaN y await en bucles, con sus soluciones.
Sincronización de pestañas del navegador con BroadcastChannel
BroadcastChannel sincroniza pestañas en tiempo real con mensajes de clon estructurado, limpieza, fallback y patrones para auth, carrito y tema.
Obtención de Datos en React Server Components
Obtén datos en React Server Components con funciones async, entiende el caché de Next.js 15/16 y evita waterfalls con Promise.all.
Uso de expansores de texto para Git, PRs y prompts de IA
Snippets de Espanso para Git, PR y prompts de IA: usa shell, portapapeles y cursor para crear expansores contextuales.
Cómo animar display: none sin hacks de JavaScript
Anima display none con CSS usando allow-discrete y @starting-style, además de overlay para dialog y popover y notas de compatibilidad.
Guía Práctica del Operador `satisfies` de TypeScript
Explicación del operador satisfies de TypeScript con ejemplos de configuración, inferencia estrecha y cuándo usarlo frente a as o una anotación de tipo.
JSPI Explicado: Un Mejor Puente Entre JavaScript y Wasm
JSPI conecta JavaScript y WebAssembly para que Wasm síncrono llame APIs basadas en Promise como fetch, con Suspending, promising y estado en navegadores.