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.
Artículos y tutoriales
Contenido práctico sobre frontend, backend, e-commerce y retos de código.
Pulsa una etiqueta para filtrar; un segundo clic en la misma la quita.
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 metodos de Array que debes dominar
Filter, map y reduce son los metodos mas potentes de JavaScript. Aprende a usarlos con ejemplos practicos.
CSS Grid en 5 minutos: Lo esencial
Domina CSS Grid con este tutorial rapido. Aprende las propiedades mas importantes para crear layouts modernos.
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.
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
Función declarativa, expresiva y arrow function: cuándo usar cada una y en qué se diferencian.
Guía para trabajar con archivos Less
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ó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.
Aprendiendo PHP orientado a objetos
Una introducción clara a la programación orientada a objetos en PHP: clases, objetos, propiedades, métodos, constructores, encapsulación y herencia.
Aprendiendo Composer para mis proyectos
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.
SASS: CSS con superpoderes
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.