Modo plan en Claude Code: cómo pensar antes de codificar
Qué es el modo plan de Claude Code, cómo activarlo y los tips para sacarle el máximo partido: explora antes de actuar, crea skills reutilizables y deja de corregir errores evitables.
Artículos y tutoriales
Contenido práctico sobre frontend, backend, e-commerce y retos de código.
Caveman Prompting: cómo reducir hasta un 65% el consumo de tokens en tu agente de IA
Caveman es una técnica de prompting y herramienta open source que elimina el relleno de las respuestas de tu agente de IA. Menos tokens, más velocidad y menor costo sin sacrificar calidad.
Cómo configurar el MCP de Shopify en tu editor
Qué es el MCP de Shopify, para qué sirve y cómo instalarlo en Claude Code, Cursor o VS Code para tener acceso a documentación, validación de esquemas y datos reales de tu tienda.
QUERY: el nuevo método HTTP que GET y POST nunca fueron
Qué es el método HTTP QUERY (RFC 10008), por qué nace, en qué se diferencia de GET y POST, y cómo usarlo en Express con Node.js 26.
Introducción a Signals en Angular
Qué son las signals en Angular, cómo se leen y actualizan, y por qué ayudan a construir estado más claro y reactivo en aplicaciones modernas.
Gap decorations en CSS: una nueva forma de estilizar los espacios
Qué son los gap decorations en CSS, cómo funcionan con grid y flex, y por qué ayudan a evitar hacks con bordes, pseudoelementos o marcado extra.
Cómo conectar el MCP de Supabase a tu editor de código
Qué es el MCP de Supabase, para qué sirve y cómo conectarlo a tu editor para consultar tablas, ejecutar operaciones y trabajar más cómodo desde tu entorno.
Top 5 de aplicaciones de Shopify para lanzar una app móvil
Esta fue mi investigación para elegir una app móvil en Shopify, comparando opciones por velocidad, costo predecible y menor riesgo operativo.
Los mejores frameworks CSS en 2026
El ecosistema CSS cambió mucho en 6 años. Tailwind lidera, Bootstrap sigue siendo relevante y han aparecido nuevas opciones. Mi lista actualizada para 2026.
Objetos y propiedades en Liquid
Una introducción práctica a los objetos y propiedades más usados en Shopify Liquid, con ejemplos simples para empezar a leer y escribir templates.
Introducción a las plantillas Liquid
Qué es Liquid, cómo funciona su sintaxis básica y por qué es una pieza clave al desarrollar temas para Shopify.
Crea un efecto glassmorphism con CSS puro
Guía práctica: fondo con gradiente, formas animadas y tarjeta con backdrop-filter. Incluye demo en CodePen y claves de legibilidad y compatibilidad.
3 métodos de Array que debes dominar
Filter, map y reduce son los métodos más potentes de JavaScript. Aprende a usarlos con ejemplos prácticos y casos de uso reales.
CSS Grid Layout: guía práctica con ejemplos
Aprende CSS Grid desde cero con este tutorial práctico. Las propiedades más importantes para crear layouts modernos y responsivos sin media queries.
Mi primer videcoding con Supabase: así construí un sistema real
Una reflexión sobre mi primer videcoding con Supabase, qué me gustó de la herramienta y cómo la fui usando para levantar un sistema residencial real con Vue.
JavaScript asíncrono en Node.js: Callbacks, Promises y Async/Await
Entiende cómo funciona la programación asíncrona en Node.js, cuándo usar callbacks, promises o async/await y cómo evitar los errores más comunes en producción.
Introducción a Node.js y Express: crea tu primer servidor
Qué son Node.js y Express, por qué se usan juntos y cómo levantar tu primer servidor desde cero con rutas, middleware y archivos estáticos.
Laravel y los principales comandos de Artisan
Qué es Artisan en Laravel y cuáles son los comandos más útiles para crear archivos, ejecutar migraciones, depurar, optimizar y trabajar más rápido.
Entendiendo la propiedad clip-path de CSS
Qué hace clip-path, qué tipos de formas admite y cómo usarlo para recortar elementos con CSS sin depender de imágenes editadas.
Async y defer en JavaScript
Qué hacen los atributos async y defer en las etiquetas script, en qué se diferencian y cuándo conviene usar cada uno.
Cómo usar Grunt en Magento 2
Guía práctica para instalar, configurar y usar Grunt en Magento 2 para compilar Less y acelerar el desarrollo de temas.
3 formas de declarar funciones en JavaScript
Diferencias entre función declarativa, expresión de función y arrow function en JavaScript: cuándo usar cada una, hoisting y comportamiento del this.
Cómo compilar y usar Less CSS en proyectos frontend y Magento
Qué es Less, cómo compilar archivos .less y cuáles son las funciones más útiles para escribir estilos más mantenibles en proyectos frontend y Magento.
Media queries en Magento 2: breakpoints y separación de estilos
Cómo usar el sistema de media queries de Magento 2 con Less: variables de breakpoints, el mixin .media-width() y la separación automática de estilos por dispositivo.
Unidades de medida en CSS: px, em y rem
Diferencias entre medidas absolutas y relativas en CSS. Cuándo usar px, em o rem y por qué importa para el diseño responsivo.
Códigos de estado HTTP: qué significa cada respuesta del servidor
Entiende las cinco familias de códigos HTTP, aprende a diferenciar los estados más comunes y descubre cómo revisarlos cuando depuras una web o una API.
Cómo generar archivos PDF con PHP
Una guía práctica para generar PDFs con PHP, repasando librerías populares como FPDF, TCPDF, Dompdf y HTML2PDF, con ejemplos y criterios para elegir mejor.
Introducción a la POO en PHP: clases, objetos, herencia y encapsulación
Una introducción clara a la programación orientada a objetos en PHP: clases, objetos, propiedades, métodos, constructores, encapsulación y herencia.
Qué es Composer y cómo usarlo en proyectos PHP
Qué es Composer, cómo funciona en proyectos PHP y cómo usarlo para instalar dependencias o arrancar un proyecto nuevo, incluyendo un ejemplo con Laravel.
Flujo de trabajo con Git como desarrollador
Un flujo de trabajo práctico con Git para crear ramas, revisar cambios, hacer commits, publicar trabajo y mezclarlo sin romperte con conflictos evitables.
Cómo crear un tema hijo en Magento 2
Guía paso a paso para crear un tema hijo en Magento 2: estructura de archivos, theme.xml, registration.php, composer.json y activación desde el admin.
Qué es SASS y las 5 funcionalidades que más uso en CSS
Qué es SASS, por qué vale la pena aprenderlo y las 5 funcionalidades que más uso en el día a día: variables, anidamiento, extends, funciones y debug.
BEM, OOCSS y Atomic Design: metodologías CSS que debes conocer
Cómo BEM, OOCSS y Atomic Design resuelven el problema del CSS difícil de mantener. Ejemplos prácticos de cada metodología y cuándo usar cada una.