La retícula 8pt es el sistema de espaciado que usan Material Design y las guías de Apple. La idea es simple: cada margen, cada padding y cada tamaño de tu interfaz es múltiplo de 8. Lo que casi nadie te cuenta es la segunda mitad. Puedes tener la retícula perfecta en Figma y que el
Retícula 8pt: sistema de espaciado en diseño web (2026) Leer más »
La tipografía es la decisión de diseño que más se nota y menos se piensa. Una buena tipografía no solo hace que tu web se vea profesional: mejora la legibilidad, refuerza la marca y, con las fuentes variables actuales, hasta ayuda a que la página cargue más rápido. Te he ampliado la lista a 20
Mejores Tipografías para tu Web: 20 Fuentes (2026) Leer más »
Carrd es una de las herramientas no-code más directas que existen para crear páginas web. Sin complicaciones, sin curva de aprendizaje larga, sin necesidad de tocar una línea de código. Eliges una plantilla, la personalizas y publicas. Así de simple. Si lo que necesitas es una landing page, un portafolio, un enlace bio o un
Carrd: qué es, cómo funciona y cómo crear tu página web paso a paso Leer más »
Cada vez que abres una web, dos partes trabajan en paralelo para que todo funcione: el frontend y el backend. Una se encarga de lo que ves en pantalla; la otra gestiona todo lo que ocurre en el servidor sin que te des cuenta. En esta guía te explico qué es frontend y backend, qué
Que es el Frontend y Backend en Desarrollo Web Leer más »
Las tipografías femeninas transmiten elegancia, suavidad y sofisticación con un solo trazo. Funcionan en branding de belleza y moda, invitaciones de boda, packaging premium, logotipos de pequeños negocios y cualquier proyecto que pida delicadeza. Aquí tienes 12 seleccionadas para 2026, todas con preview en vivo y licencia comercial gratuita. Las he agrupado en tres familias
Tipografías femeninas: 12 fuentes elegantes gratis para descargar (2026) Leer más »
Esta hoja de ruta para aprender JavaScript te lleva paso a paso desde los fundamentos hasta los frameworks y los proyectos reales. Es una guía para seguir en orden: primero la sintaxis y los tipos de datos, luego el control de flujo y las funciones, después la manipulación del DOM, la asincronía, las APIs y,
Hoja de ruta para aprender Javascript Leer más »
Si conociste Affinity como la alternativa de pago único a la suscripción de Adobe, tengo una actualización importante: desde que Canva la adquirió, Affinity Designer, Affinity Photo y Affinity Publisher se han unificado en una sola aplicación, y el núcleo de esa aplicación es gratuito desde octubre de 2025. Te cuento qué es Affinity ahora
Qué es Affinity: la suite de diseño de Canva ahora gratis (2026) Leer más »
Un buen mockup convierte una propuesta normal en una presentación que vende. En 2026 hay más recursos gratis que nunca, pero también más sitios cuestionables. Te he hecho criba: 15 webs reales para descargar mockups PSD gratis con licencia clara, calidad decente y variedad suficiente para resolver el 90% de los proyectos de un diseñador
Las 15 mejores webs para descargar mockups PSD gratis en 2026 Leer más »
Bubble es, probablemente, la plataforma no-code más potente para crear aplicaciones web completas sin escribir código tradicional. No hablo de una landing page o un formulario suelto: hablo de marketplaces, redes sociales internas, plataformas de reservas o SaaS enteros, con base de datos propia y lógica de negocio real. Te explico qué es Bubble, cómo
Bubble No-Code: cómo crear aplicaciones web potentes sin escribir código Leer más »
Git tiene cientos de comandos y opciones, pero en el día a día trabajas con un grupo mucho más pequeño. Aquí tienes los comandos de Git más utilizados organizados por lo que realmente necesitas hacer: empezar un proyecto, guardar cambios, trabajar con ramas, deshacer errores y sincronizar con un repositorio remoto como GitHub o GitLab.
Comandos de Git más utilizados (guía completa + chuleta) Leer más »
Bootstrap lleva más de una década siendo el framework CSS de referencia para maquetar rápido y bien, y en 2026 sigue siéndolo: la versión 5.3 está consolidada como LTS (soporte a largo plazo) mientras el equipo prepara Bootstrap 6. Te explico qué es Bootstrap, qué aporta frente a escribir CSS desde cero y en qué
Bootstrap agiliza tu diseño web: guía del framework front-end más popular Leer más »
Si te has topado con tutoriales de diseño web y siempre aparece la misma pantalla azul oscuro llena de código de colores, probablemente sea Visual Studio Code. Te explico qué es Visual Studio Code, para qué sirve exactamente y por qué se ha convertido en la herramienta de cabecera de la mayoría de diseñadores y
Qué es Visual Studio Code y para qué sirve: guía para diseñadores web Leer más »
