Marcos Ramírez BETA

#desarrollo-web

Esquema comparando una conexión HTTP de pregunta y respuesta con una conexión WebSocket bidireccional y permanente

Qué son los WebSockets y por qué no son HTTP más rápido

Casi todos los desarrolladores tratan los WebSockets como una versión un poco más rápida de HTTP. No lo son. Representan un cambio de fondo en la forma en que se comunican el navegador y el servidor. Imagina que estás escribiendo a un amigo, pero en vez de recibir su respuesta directamente, tienes que coger el móvil cada segundo y gritarle '¿ya has contestado? ¿ya has contestado?'. Suena de locos, ¿verdad? Pues así funciona la web tradicional: el cliente pregunta, el servidor responde y cuelgan. Para datos en vivo (un chat, una cotización, una notificación) eso es un desastre. Aquí te explico, sin tecnicismos, qué son los WebSockets, en qué se diferencian de verdad de HTTP y cuándo te interesa usarlos.

08:30 6 min Marcos Ramírez Lucía
Pantalla de portátil mostrando documentación interactiva de una API REST en un editor de código oscuro

📰 ¿Sigues usando Swagger? Scalar ya le está ganando terreno

Swagger UI lleva años siendo el estándar para documentar APIs REST, pero empieza a notarse el paso del tiempo: interfaz anticuada, sin cliente de pruebas moderno, sin generación automática de snippets. Scalar, una herramienta open source, se ha colado como su sustituto natural, hasta el punto de que Microsoft la recomienda desde que retiró Swashbuckle de las plantillas de ASP.NET Core en .NET 9. Te cuento qué es, cómo se instala y por qué está sonando tanto ahora mismo.

07:32 6 min Lucía
Persona programando frente a dos monitores con una lista de preguntas y un árbol de decisiones en pantalla, ambiente de oficina nocturno

📰 Grill Me: el skill que interroga tu plan antes de programar

grill-me es un skill de Claude Code creado por Matt Pocock que hace una sola cosa, y la hace muy bien: interrogarte sin parar sobre tu plan hasta que no quede ni una decisión sin resolver. Nada de lanzarse a programar con huecos en el diseño. Pregunta por pregunta, con una respuesta recomendada en cada una, revisando tu código cuando la respuesta ya está ahí en vez de preguntártela. Te cuento cómo funciona, cómo instalarlo, y por qué se ha convertido en el skill de planificación más adoptado de Claude Code en apenas unos meses.

14:00 6 min Lucía
Ventana de editor de código con un navegador integrado mostrando una página web, en un escritorio oscuro moderno

📰 Claude Code estrena navegador propio en el escritorio

Anthropic ha metido un navegador propio dentro de Claude Code de escritorio, activable con Cmd+Shift+B o Ctrl+Shift+B. No es tu Chrome de toda la vida: es un perfil aislado, sin tus contraseñas ni tu historial, sandboxed y con clasificadores de seguridad que bloquean compras, altas de cuenta o saltarse un CAPTCHA sin tu permiso explícito. Te cuento qué trae exactamente esta actualización de julio de 2026, en qué se diferencia de Claude for Chrome, y por qué es la novedad que más uso real le voy a dar de todas las que ha soltado Anthropic este mes.

12:00 6 min Lucía
Terminal mostrando una petición HTTP con el método QUERY resaltado junto a un diagrama de red, representando el nuevo estándar RFC 10008

📰 Llega QUERY: el método HTTP que evita fingir con POST

El 13 de julio de 2026 se publicó el RFC 10008, que estandariza QUERY, el primer verbo nuevo de HTTP desde que PATCH llegó en 2010. Resuelve un problema que arrastramos desde hace años: qué hacer cuando necesitas mandar una búsqueda compleja al servidor pero GET se queda corto de espacio y POST no te da las garantías de seguridad y cacheo que necesitas. Te cuento qué es QUERY, por qué hacía falta, quién lo ha escrito y cuánto vas a tardar en poder usarlo de verdad en producción.

7 min Lucía
Pantalla con código HTML y CSS a un lado y la vista previa de un vídeo renderizado al otro, representando vídeo como código

Hyperframes: crea vídeos escribiendo HTML, CSS y JavaScript

Esto es de las cosas que, cuando las ves, dices 'pero cómo no existía esto antes'. Hyperframes es una herramienta de código abierto de HeyGen que te deja crear vídeos escribiendo HTML, CSS y JavaScript, lo mismo que usas para hacer una web. En vez de pelearte con una línea de tiempo en un editor de vídeo, describes la escena con código (o se lo pides a tu asistente de Inteligencia Artificial) y Hyperframes lo renderiza fotograma a fotograma en un MP4 de verdad, en 1080p. Funciona como skill para Claude Code, Cursor y otros agentes, así que la propia Inteligencia Artificial te puede montar el vídeo. Aquí te cuento qué es, para qué sirve y por qué esto de 'vídeo como código' me parece una idea brillante.

08:30 6 min Marcos Ramírez Lucía
Editor de código mostrando un componente de un generador de sitios estáticos con un enlace interno resaltado

FutureLink: enlazar en Astro posts que aún no has publicado

Tengo el blog lleno de posts programados que se enlazan entre sí. Y eso, con un calendario editorial de por medio, tiene una trampa: cuando un post sale el martes y enlaza a otro que sale el jueves, durante dos días ese enlace apunta al vacío. Un 404 interno, justo lo que no quieres para SEO ni para el lector. Así que me hice un componente de Astro pequeñito, FutureLink, que comprueba en tiempo de build si el post destino ya está vivo: si lo está, pinta un enlace normal; si todavía no, pinta solo el texto, sin enlace y sin romper nada. Y como el sitio se reconstruye por cron cada pocos minutos, el enlace se activa solo en cuanto el destino se publica. Te cuento el problema, el código entero y por qué lo monté así.

08:30 7 min Marcos Ramírez Lucía
Un único almacén central de paquetes enlazado por flechas a varios proyectos de Node.js

⚡ Por qué deberías usar pnpm en vez de npm y migrar hoy mismo

Llevo años viendo discos llenos de carpetas node_modules clonadas mil veces y esperas eternas en cada npm install. pnpm resuelve las dos cosas: guarda cada dependencia una sola vez en disco y enlaza por hard links, instala en una fracción del tiempo y te protege de las phantom dependencies. Te cuento por qué deberías cambiarte, qué tiene de truco y cómo dejar que tu memoria muscular siga escribiendo npm con un alias que funciona en todos los sistemas operativos.

08:30 7 min Marcos Ramírez Lucía
Tres plataformas de agentes de voz representadas como nodos conectados en un entorno tecnológico con ondas de sonido digitales

Dograh, Retell o VAPI: cuál elegir para tu agente de voz en 2026

Me llega un proyecto con un requisito que cambia todo: los datos son sensibles y las conversaciones no pueden salir de la infraestructura del cliente. Así fue como acabé comparando en serio Dograh, Retell y VAPI. Precios reales, lo que te cuesta cada opción cuando el volumen crece, y por qué la privacidad es la pregunta que casi nadie hace cuando elige plataforma.

08:30 7 min Marcos Ramírez Lucía
Terminal con comandos de build de Astro mostrando páginas generadas correctamente

Migré 112 posts de Jekyll a Astro 6 y esto es lo que rompió

Crónica técnica de la tercera migración de este blog: WordPress, Jekyll y ahora Astro 6. BOM en 51 archivos, CRLF, MDX estricto, Liquid residual, getStaticPaths en scope aislado, el bug del setext heading. 18 problemas documentados en orden cronológico hasta el build limpio.

08:30 8 min Marcos Ramírez Lucía
Código Jekyll con schedule de GitHub Actions

Programar posts con Jekyll en GitHub Pages: el proceso completo

Soluciona la limitación de Jekyll en GitHub Pages para programar publicaciones futuras. Te explico cómo configurar el archivo _config.yml con la opción future para controlar si Jekyll debe publicar posts con fecha en el futuro. Aprende a configurar el workflow en .github/workflows/pages-deploy.yml con schedule para ejecutar builds automáticos cada 30 minutos, permitiendo que los posts programados se publiquen automáticamente. También te muestro una alternativa menos elegante que consiste en forzar el rebuild ejecutando un push vacío desde tu local. Una guía técnica paso a paso para automatizar tu blog Jekyll.

21:00 1 min Marcos Ramírez