Desde el blog de OpenReplay
Métricas de código explicadas: ¿Qué es la complejidad ciclomática?
La complejidad ciclomática explicada con ejemplos de JavaScript, fórmulas y herramientas como ESLint y SonarQube para medir y reducir la lógica de ramas.
Renderizado del lado del servidor con Preact
Preact SSR con preact-render-to-string, hydrate y Vite: renderizado del lado del servidor, streaming y consejos para evitar errores de hidratación.
Estilizando Web Components con Shadow DOM y CSS
Estiliza Web Components con Shadow DOM: usa :host, ::slotted(), variables CSS, ::part() y adoptedStyleSheets para controlar el CSS del componente.
Crear una tabla de contenidos a partir de encabezados en JavaScript
Crea una tabla de contenidos en JavaScript desde los encabezados con IDs seguros, navegación accesible y sección activa con IntersectionObserver.
Cómo instalar Claude Desktop en Linux
Claude Desktop en Linux: soporte oficial con Claude Code CLI y paquetes de escritorio comunitarios, con instalación, comparación de funciones y riesgos de seguridad.
Nuxt UI, la biblioteca de componentes intuitiva para aplicaciones Vue
Nuxt UI es una biblioteca de componentes Vue nativa de Tailwind con más de 125 componentes accesibles, TypeScript y configuración Vite para Nuxt o Vue.
5 alternativas a Figma construidas con tecnologías web
5 alternativas a Figma creadas con tecnologías web, desde Penpot y Plasmic hasta Webstudio, Framer y tldraw para flujos de diseño nativos del navegador.
El estado de CSS-in-JS en 2026
CSS-in-JS en 2026: runtime o zero-runtime, límites con React Server Components y Next.js App Router, y qué enfoque de estilos usar en tu app.
Cómo crear una aplicación Android con Android CLI
Configuración de Android CLI, creación de proyectos, instalación del SDK, ejecución en emulador y uso de Android Skills y Knowledge Base.
Versionado Semántico Explicado
SemVer en npm explicado: MAJOR.MINOR.PATCH, rangos caret y tilde, versiones 0.x, preversiones y lock files para actualizaciones más seguras.
Cómo elegir un motor de plantillas de JavaScript
Compara EJS, Handlebars, Pug y Nunjucks para renderizar HTML en Node.js, con ejemplos de sintaxis, casos de uso y seguridad.
Cómo Embeber Video en React
Integra video en React con la etiqueta HTML5 video para archivos alojados, iframes de YouTube, ajustes de autoplay y tamaño responsive.
Cinco funcionalidades de Sass que puedes reemplazar con CSS
Cinco funciones de Sass que puedes reemplazar con CSS moderno: propiedades personalizadas, nesting, color-mix(), @layer y @property.
Técnicas de Ofuscación de Correo Electrónico para la Web
Técnicas de ofuscación de emails para la web: compara codificación HTML, JavaScript, CSS a evitar, formularios y protección de Cloudflare.
Grabación de audio en el navegador con la Web Audio API
Grabación de audio en el navegador con Web Audio API: captura el micrófono con getUserMedia, procesa si hace falta y codifica con MediaRecorder.
Uso de es-toolkit para utilidades cotidianas de JavaScript
es-toolkit ofrece utilidades JavaScript tipadas y tree-shakeable como alternativa ligera a Lodash, con bundles más pequeños y migración sencilla.
Funcionalidades modernas de SQLite que quizás te estés perdiendo
Funciones modernas de SQLite: JSONB, tablas STRICT, RETURNING, WASM con OPFS y modo WAL para mejor rendimiento y concurrencia.
Creación de un Tooltip con CSS Puro
Crea un tooltip en CSS puro con ::after, data-tooltip y transiciones de opacidad, además de soporte focus-visible y límites de accesibilidad.
Lo que Axios sigue ofreciéndote frente a Fetch
Axios vs Fetch: vea dónde Axios sigue ganando con interceptores, errores HTTP automáticos, instancias compartidas, progreso de carga y tiempos de espera.
Una Visión Práctica de Kubernetes
Resumen de Kubernetes: arquitectura, Pods, Deployments, Services, Ingress y ConfigMaps para ejecutar y escalar apps web en un clúster.
Generación Automática de Skeleton Screens con boneyard
boneyard-js genera automáticamente skeleton loaders desde los layouts reales de componentes en desarrollo, con archivos .bones.json responsivos y soporte Vite.
Cómo aplicar linting a tu CSS con Stylelint
Configuración, reglas y comandos de lint CSS con Stylelint para detectar errores, aplicar normas e integrarlo con Prettier y CI.
Una nueva forma de explorar paquetes npm con npmx
npmx agiliza la búsqueda de paquetes npm con comparación lado a lado, tamaño de bundle, formato de módulo, dependencias y vulnerabilidades.
El estado actual de los bundlers de JavaScript
Bundlers de JavaScript en 2026: compara Webpack, Vite, Turbopack, Rspack, esbuild, Rollup y Parcel para builds frontend modernos.