Desde el blog de OpenReplay
Cómo Detectar el Estado Online y Offline en JavaScript
Detecta el estado online y offline en JavaScript con navigator.onLine, eventos online/offline y comprobaciones de conexión con fetch.
Comparación de Motores de Juegos JavaScript Populares
Compara Phaser, Babylon.js, PlayCanvas, Excalibur y melonJS para elegir el motor de juegos JavaScript adecuado para juegos web 2D y 3D.
Mezcla de imágenes con CSS cross-fade()
CSS cross-fade() mezcla imágenes en una sola declaración. Ver pesos porcentuales, sintaxis -webkit, fallbacks @supports y compatibilidad.
Convertir Imágenes a Base64 con Canvas
Convierte imágenes a Base64 con Canvas: compara toDataURL y toBlob, gestiona PNG/JPEG/WebP y evita errores CORS por canvas contaminado.
Codificación Segura para Desarrolladores de JavaScript
Prácticas seguras de JavaScript para apps web: evita DOM XSS, usa CSP, no emplees eval(), protege tokens y valida postMessage y dependencias.
Comunicación de Baja Latencia en el Navegador con WebTransport
WebTransport para navegadores: compara WebSockets, datagramas y streams para mensajería HTTP/3 de baja latencia sin bloqueo en cadena.
5 Dotfiles de Git que Todo Desarrollador Debería Conocer
5 dotfiles de Git esenciales: .gitconfig, .gitignore, .gitattributes, .git-blame-ignore-revs y .mailmap para un flujo de trabajo más limpio.
Reemplazando Bibliotecas de Animación con APIs Web Nativas
Sustituye GSAP o Framer Motion por Web Animations API, animaciones CSS guiadas por scroll y View Transitions para motion de interfaz común.
Novedades en TypeScript 6.0
TypeScript 6.0 cambia valores predeterminados, depreca opciones heredadas y añade soporte ES2025, tipos de Temporal y claves para migrar a TypeScript 7.0.
Permisos de Archivos en Linux Explicados
Permisos de archivos, propiedad, chmod, chown, umask y bits especiales como setuid y sticky bit en Linux explicados para proteger cualquier sistema Linux.
Uso de `zoom` en CSS para Escalar Elementos de UI
Comparativa entre CSS zoom y transform scale en flujo de layout, soporte de navegadores y casos de escalado de UI para elegir la opción correcta.
Mejores Prácticas para Trabajar con SolidJS
Guía sobre errores comunes en SolidJS: reactividad de grano fino, alcance de signals, manejo de props, stores y patrones asíncronos con createResource.
Cómo habilitar HTTPS local para desarrollo
Configura HTTPS local de confianza con mkcert, ajusta los servidores de Vite o Next.js y elimina las advertencias de certificados autofirmados en desarrollo.
Conoce Turso, una Evolución de SQLite Basada en Rust
Comparativa entre Turso y libSQL: cómo Rust, las APIs asíncronas y MVCC extienden SQLite para despliegues en el edge y arquitecturas modernas.
Mostrando PDFs en Aplicaciones Vue 3
Comparación entre embeds nativos, PDF.js y componentes wrapper de Vue para mostrar PDFs en Vue 3, con trade-offs sobre CORS, workers y bundle size.
Lo Bueno y lo Malo de Usar Markdown como CMS
Ventajas y desventajas de Markdown como CMS: flujos Git, MDX, Tina CMS y cuándo los CMS headless estructurados se adaptan mejor a equipos de contenido.
Fundamentos del Diseño de Bases de Datos Relacionales
Esquemas relacionales fiables mediante claves primarias, foráneas, normalización y restricciones para estructurar tablas y prevenir anomalías en los datos.
Registro de Peticiones con Middleware en Node.js
Registro estructurado de peticiones HTTP en Express con Morgan, Pino y AsyncLocalStorage para rastrear correlation IDs y excluir datos sensibles de los logs.
5 Funcionalidades de Seguridad que los Frameworks Modernos te Ofrecen de Forma Gratuita
Frameworks como Next.js, SvelteKit y Django incluyen por defecto escape automático de XSS, tokens CSRF y aislamiento de secretos en el servidor.
Las Mejores Bibliotecas JavaScript para Construir Dashboards
Comparativa de Chart.js, Apache ECharts, Recharts, AG Grid y TanStack Table para seleccionar la biblioteca JavaScript idónea en proyectos de analítica.
El Nuevo Elemento HTML Geolocation
El nuevo elemento de geolocalización añade acceso declarativo a la ubicación en HTML, sustituyendo los callbacks de navigator.geolocation por una gestión de permisos más limpia.
ResizeObserver vs Window Resize: Cuándo usar cada uno
Comparación entre ResizeObserver y el evento resize de window para gestionar cambios de viewport, tamaño de elementos y container queries de CSS.
Cómo centrar cualquier cosa con CSS moderno
Centrar elementos horizontal o verticalmente con CSS Flexbox, Grid y márgenes automáticos requiere elegir el método adecuado según el contexto.
Construyendo interfaces de usuario de terminal con Charm
Construcción de interfaces de terminal en Go con Bubble Tea, Lip Gloss y Bubbles del ecosistema Charm, usando la arquitectura composable Model, Update, View.