Desde el blog de OpenReplay
Cosas interesantes que puedes hacer con la Web Serial API
Ejemplos de Web Serial API para monitores, flasheo de firmware, envío de G-code, paneles de telemetría, controladores de pantalla e interfaces de configuración.
Cómo Crear un Archivo Descargable en el Navegador
Crea descargas en el navegador con Blob, URL de objeto y enlaces download, además de arreglos para archivos cross-origin, BOM en CSV, iOS Safari y streaming.
Trabajando con Variables CSS Tipadas Usando @property
Variables CSS tipadas con @property: valida propiedades personalizadas, anima valores sin saltos y entiende el fallback silencioso, la sintaxis y el soporte.
Explorando Ladybird, el Proyecto de Navegador No Basado en Chromium
Ladybird es un motor de navegador sin Chromium creado desde cero: arquitectura, migración a Rust, avances WPT y hoja de ruta del alfa 2026.
Usos Prácticos de !important en CSS Moderno
Usos prácticos de !important en CSS moderno: accesibilidad reduced-motion, sobrescritura de estilos de terceros, utilidades y depuración de la cascada.
Por Qué Remix 3 Está Diseñando para Agentes de Codificación con IA
Remix 3 y los agentes de codificación IA: por qué el framework incluye agent skills, APIs claras y un diseño primero en runtime.
5 Gestores de Versiones que Todo Desarrollador Debería Conocer
Compara nvm, pyenv, rustup, mise y SDKMAN! para gestionar versiones, fijar proyectos, igualar CI y elegir la herramienta adecuada.
Depuración de animaciones CSS con saltos usando DevTools
Depura animaciones CSS con tirones en Chrome DevTools usando los paneles Rendering, Performance, Animations y Layers para detectar la causa de los frames perdidos.
Arquitectura Local-First para Aplicaciones Web Progresivas
Arquitectura local-first para PWA: cómo service workers, IndexedDB o SQLite y motores de sync mantienen los datos offline, coherentes y del usuario.
Automatización de Verificaciones de Seguridad en Paquetes npm con npq
Automatiza las comprobaciones de seguridad de paquetes npm con npq antes de instalar, usando hooks pre-commit, alias de npm, soporte para pnpm y auditorías heurísticas.
Trucos de Rendimiento Frontend que Olvidamos
Las técnicas de rendimiento frontend siguen importando: dimensiones de imagen, font-display, preconnect, lazy loading, defer, async y throttling.
Creación de videos con Claude Code y Remotion
Guía de Claude Code y Remotion para generar videos MP4 desde prompts, leer la lógica de frames, corregir secuencias y depurar renders en Studio.
Cómo JSON-LD ayuda a la IA a entender tu sitio web
JSON-LD y Schema.org ayudan a los rastreadores de IA y a Google a entender tu sitio. Verás cómo los datos estructurados en servidor evitan huecos de JavaScript.
5 Plataformas de E-commerce Open Source para Desarrolladores
Compara Medusa, Saleor, Vendure, Sylius y Shopware para backends de e-commerce headless, soporte Next.js, APIs y costes de autohosting.
Primeros pasos con Vite+
Empieza con Vite+: instala vp, crea un proyecto, ejecuta dev, check, test y build, y entiende el flujo unificado de vite.config.ts.
Cómo solucionar el molesto error 404 favicon.ico Not Found
Corrige el error 404 de favicon.ico sirviendo un favicon en la raíz y añadiendo etiquetas de icono para SVG, PNG y Apple Touch Icon.
Animaciones con Copiar y Pegar usando Animata
Animata ofrece componentes React animados para copiar y pegar con Tailwind CSS, flujo shadcn/ui y dependencias ligeras por componente.
Pretext y el Futuro del Diseño de Texto en la Web
Pretext es una biblioteca TypeScript que mide texto fuera del DOM para evitar reflows y acelerar listas virtualizadas, chats y layouts masonry.
Cookies vs localStorage para Autenticación con JWT
Cookies o localStorage para autenticación JWT: compara riesgos XSS y CSRF, cookies HttpOnly, Secure, SameSite y patrones modernos de tokens.
Cosas que Nunca Deberías Cachear
Evita cachear datos de usuario, respuestas de autenticación, JWT y páginas sensibles. Usa no-store, private y bfcache con seguridad.
Auditoría de Workflows de GitHub para Detectar Riesgos de Seguridad
Audita GitHub Actions para permisos de token, inyección de scripts, riesgo de pull_request_target, fijación de acciones, runners y OIDC.
Cinco alternativas a Next.js
Cinco alternativas a Next.js para 2026: React Router v7, Astro 5, SvelteKit, Nuxt 4 y TanStack Start.
Cómo Agregar Autenticación a una Aplicación Electron
Añade autenticación a una app Electron con OAuth 2.0 PKCE, inicio de sesión en navegador del sistema, deep links o redirecciones loopback y safeStorage.
Uso de prefers-reduced-motion para animaciones accesibles
Usa prefers-reduced-motion para reducir animaciones con CSS, JavaScript y Motion.dev, con consejos de prueba y guía WCAG.