Apuntes sobre desarrollo frontend, diseño web y las herramientas que uso de verdad en el día a día, escritos sobre la marcha.https://grevaleart.com/eshttps://grevaleart.com/es/blog/posts/biggest-lie-web-design-ai/https://grevaleart.com/es/blog/posts/biggest-lie-web-design-ai/La verdadera amenaza para los diseñadores web no es la IA, es la mentalidad de escasez. Por qué la calidad, el criterio y la confianza valen más que nunca en 2026.Sat, 18 Jul 2026 00:00:00 GMTGrecia V.https://grevaleart.com/es/blog/posts/bilingual-website-astro-i18n/https://grevaleart.com/es/blog/posts/bilingual-website-astro-i18n/Rutas, archivos de traducción, hreflang y URLs canónicas para un sitio en dos idiomas con Astro. Lo que funcionó y las tres cosas que rompieron el SEO en silencio.Thu, 06 Aug 2026 00:00:00 GMTGrecia V.https://grevaleart.com/es/blog/posts/blog-post-commonplace/https://grevaleart.com/es/blog/posts/blog-post-commonplace/Un proyecto de commonplace book digital de código abierto. Construido con HTML, CSS y JavaScript, con estética retro vaporwave, datos en JSON y un flujo de trabajo pensado para sitios estáticos.Thu, 07 May 2026 00:00:00 GMTGrecia V.https://grevaleart.com/es/blog/posts/create-robots-txt-block-ai-crawlers/https://grevaleart.com/es/blog/posts/create-robots-txt-block-ai-crawlers/Aprende a crear un archivo robots.txt para bloquear los rastreadores de IA que raspan tu sitio web. Protege tus artículos, ilustraciones, imágenes y contenido original con esta guía paso a paso.Fri, 10 Jul 2026 00:00:00 GMTGrecia V.https://grevaleart.com/es/blog/posts/css-scroll-animations-without-a-library/https://grevaleart.com/es/blog/posts/css-scroll-animations-without-a-library/Cómo funcionan las animaciones de este sitio: keyframes de CSS en pausa hasta que el elemento entra en pantalla, sin librería de animación y sin JavaScript por frame.Sun, 09 Aug 2026 00:00:00 GMTGrecia V.https://grevaleart.com/es/blog/posts/figma-cli-free-mcp-no-rate-limit/https://grevaleart.com/es/blog/posts/figma-cli-free-mcp-no-rate-limit/figma-cli permite a Claude Code o Cursor construir diseños directamente en Figma Desktop. Código abierto, sin API keys y sin límites de uso. Guía completa.Mon, 03 Aug 2026 00:00:00 GMTGrecia V.https://grevaleart.com/es/blog/posts/google-recaptcha-netlify-forms-setup/https://grevaleart.com/es/blog/posts/google-recaptcha-netlify-forms-setup/Crea las API keys de reCAPTCHA v2, añádelas como variables de entorno en Netlify, y carga el widget sin perjudicar tu puntuación de PageSpeed.Wed, 29 Jul 2026 00:00:00 GMTGrecia V.https://grevaleart.com/es/blog/posts/how-to-create-an-animated-border-with-tailwind/https://grevaleart.com/es/blog/posts/how-to-create-an-animated-border-with-tailwind/Añade un toque dinámico a tus diseños con un borde animado en Tailwind CSS. Aprende a usar conic-gradient y animaciones para lograr un efecto visual impresionante. 🚀✨Thu, 27 Mar 2025 00:00:00 GMTGrecia V.https://grevaleart.com/es/blog/posts/markdown-tutorial/https://grevaleart.com/es/blog/posts/markdown-tutorial/Guía completa de la sintaxis de Markdown, desde el formato básico hasta las funciones avanzadas. Aprende a crear encabezados, listas, énfasis y más con este lenguaje de marcado esencial para crear contenido.Sat, 05 Apr 2025 00:00:00 GMTGrecia V.https://grevaleart.com/es/blog/posts/microsoft-clarity-setup-guide/https://grevaleart.com/es/blog/posts/microsoft-clarity-setup-guide/Cómo añadir Microsoft Clarity a un sitio sin dañar tu puntuación de PageSpeed, qué te dicen de verdad sus mapas de calor y grabaciones, y qué ajustes de privacidad revisar antes.Sun, 16 Aug 2026 00:00:00 GMTGrecia V.https://grevaleart.com/es/blog/posts/netlify-contact-form-email-notifications/https://grevaleart.com/es/blog/posts/netlify-contact-form-email-notifications/El HTML exacto que Netlify Forms necesita, por qué los envíos nunca llegan a tu bandeja por defecto, y cómo activar las notificaciones por correo.Wed, 22 Jul 2026 00:00:00 GMTGrecia V.https://grevaleart.com/es/blog/posts/protect-artwork-from-ai-training/https://grevaleart.com/es/blog/posts/protect-artwork-from-ai-training/Aprende a proteger tus ilustraciones y diseños del entrenamiento de IA, los raspadores y el robo de contenido con Adobe Content Authenticity, metadatos, robots.txt y más.Tue, 09 Jun 2026 00:00:00 GMTGrecia V.https://grevaleart.com/es/blog/posts/restrict-claude-code-access/https://grevaleart.com/es/blog/posts/restrict-claude-code-access/Aprende a impedir que Claude Code acceda a tus carpetas personales mediante un archivo settings.json global, en Windows, macOS y Linux.Thu, 09 Jul 2026 00:00:00 GMTGrecia V.https://grevaleart.com/es/blog/posts/use-pnpm/https://grevaleart.com/es/blog/posts/use-pnpm/¿Por qué usar pnpm en lugar de npm? Rendimiento, ventajas de seguridad, los incidentes recientes en la cadena de suministro de npm, y los comandos de pnpm más habituales.Sun, 31 May 2026 00:00:00 GMTGrecia V.https://grevaleart.com/es/blog/posts/vibe-coding-trap/https://grevaleart.com/es/blog/posts/vibe-coding-trap/Por qué el vibe coding puede ser peligroso en el desarrollo moderno. Los riesgos de confiar a ciegas en el código generado por IA, vulnerabilidades de seguridad, deuda técnica y cómo usar la IA de forma segura.Sun, 31 May 2026 00:00:00 GMTGrecia V.https://grevaleart.com/es/blog/posts/website-accessibility-menu-options/https://grevaleart.com/es/blog/posts/website-accessibility-menu-options/Tamaño de texto, contraste, espaciado, tipografía simple, foco visible y menos movimiento, en un sitio real. El CSS detrás de cada opción y por qué es CSS.Thu, 13 Aug 2026 00:00:00 GMTGrecia V.https://grevaleart.com/es/blog/posts/why-quality-makes-people-irreplaceable-ai/https://grevaleart.com/es/blog/posts/why-quality-makes-people-irreplaceable-ai/La IA crea sitios web más rápido, pero la calidad, la estrategia, la creatividad y el criterio humano son lo que hace valioso a un diseñador web profesional. Por qué los clientes premium siguen eligiendo experiencia humana.Sat, 11 Jul 2026 00:00:00 GMTGrecia V.