Notes on frontend development, web design and the tools I actually use day to day, written up as I go.https://grevaleart.com/enhttps://grevaleart.com/blog/posts/biggest-lie-web-design-ai/https://grevaleart.com/blog/posts/biggest-lie-web-design-ai/The real threat to web designers isn't AI, it's the scarcity mindset. Here's why quality, taste and trust are worth more than ever in 2026.Sat, 18 Jul 2026 00:00:00 GMTGrecia V.https://grevaleart.com/blog/posts/bilingual-website-astro-i18n/https://grevaleart.com/blog/posts/bilingual-website-astro-i18n/Routing, translation files, hreflang and canonical URLs for a two-language Astro site. What worked, and the three things that quietly broke SEO.Thu, 06 Aug 2026 00:00:00 GMTGrecia V.https://grevaleart.com/blog/posts/blog-post-commonplace/https://grevaleart.com/blog/posts/blog-post-commonplace/Discover an open source digital commonplace project. Digital book built with HTML, CSS and JavaScript, featuring retro vaporwave styling, simple JSON-driven data and a static-site friendly workflow.Thu, 07 May 2026 00:00:00 GMTGrecia V.https://grevaleart.com/blog/posts/create-robots-txt-block-ai-crawlers/https://grevaleart.com/blog/posts/create-robots-txt-block-ai-crawlers/Learn how to create a robots.txt file to block AI crawlers from scraping your website. Protect your articles, artwork, images, and other original content with this step-by-step guide.Fri, 10 Jul 2026 00:00:00 GMTGrecia V.https://grevaleart.com/blog/posts/css-scroll-animations-without-a-library/https://grevaleart.com/blog/posts/css-scroll-animations-without-a-library/How the scroll animations on this site work: CSS keyframes paused until an element is on screen, no animation library, and no per-frame JavaScript.Sun, 09 Aug 2026 00:00:00 GMTGrecia V.https://grevaleart.com/blog/posts/figma-cli-free-mcp-no-rate-limit/https://grevaleart.com/blog/posts/figma-cli-free-mcp-no-rate-limit/figma-cli lets Claude Code or Cursor build designs straight into Figma Desktop. Open source, no API keys, no rate limits. Full setup guide.Mon, 03 Aug 2026 00:00:00 GMTGrecia V.https://grevaleart.com/blog/posts/google-recaptcha-netlify-forms-setup/https://grevaleart.com/blog/posts/google-recaptcha-netlify-forms-setup/Create reCAPTCHA v2 API keys, add them as Netlify environment variables, and load the widget without hurting your PageSpeed score.Wed, 29 Jul 2026 00:00:00 GMTGrecia V.https://grevaleart.com/blog/posts/how-to-create-an-animated-border-with-tailwind/https://grevaleart.com/blog/posts/how-to-create-an-animated-border-with-tailwind/Add a dynamic touch to your designs with an animated border in Tailwind CSS. Learn how to use conic-gradient and animations to achieve an impressive visual effect. 🚀✨Thu, 27 Mar 2025 00:00:00 GMTGrecia V.https://grevaleart.com/blog/posts/markdown-tutorial/https://grevaleart.com/blog/posts/markdown-tutorial/A comprehensive guide to Markdown syntax, covering everything from basic formatting to advanced features. Learn how to create headers, lists, emphasis, and more with this essential markup language for content creation.Sat, 05 Apr 2025 00:00:00 GMTGrecia V.https://grevaleart.com/blog/posts/microsoft-clarity-setup-guide/https://grevaleart.com/blog/posts/microsoft-clarity-setup-guide/How to add Microsoft Clarity to a site without hurting your PageSpeed score, what its heatmaps and recordings actually tell you, and the privacy settings to check first.Sun, 16 Aug 2026 00:00:00 GMTGrecia V.https://grevaleart.com/blog/posts/netlify-contact-form-email-notifications/https://grevaleart.com/blog/posts/netlify-contact-form-email-notifications/The exact HTML Netlify Forms needs, why submissions never reach your inbox by default, and how to switch on email notifications.Wed, 22 Jul 2026 00:00:00 GMTGrecia V.https://grevaleart.com/blog/posts/protect-artwork-from-ai-training/https://grevaleart.com/blog/posts/protect-artwork-from-ai-training/Learn how to protect your artwork and designs from AI training, scrapers, and content theft with Adobe Content Authenticity, metadata, robots.txt, and more.Tue, 09 Jun 2026 00:00:00 GMTGrecia V.https://grevaleart.com/blog/posts/restrict-claude-code-access/https://grevaleart.com/blog/posts/restrict-claude-code-access/Learn how to prevent Claude Code from accessing your personal folders using a global settings.json configuration on Windows, macOS, and Linux.Thu, 09 Jul 2026 00:00:00 GMTGrecia V.https://grevaleart.com/blog/posts/use-pnpm/https://grevaleart.com/blog/posts/use-pnpm/Why use pnpm instead of npm? Learn about pnpm's performance, security advantages, recent npm supply chain incidents, and the most common pnpm commands.Sun, 31 May 2026 00:00:00 GMTGrecia V.https://grevaleart.com/blog/posts/vibe-coding-trap/https://grevaleart.com/blog/posts/vibe-coding-trap/Why vibe coding can be dangerous in modern software development. Learn about the risks of blindly trusting AI-generated code, security vulnerabilities, technical debt, and how to use AI safely as a developer.Sun, 31 May 2026 00:00:00 GMTGrecia V.https://grevaleart.com/blog/posts/website-accessibility-menu-options/https://grevaleart.com/blog/posts/website-accessibility-menu-options/Text size, contrast, spacing, a plainer typeface, visible focus and reduced motion, as a real menu on a real site. The CSS behind each one and why it is CSS.Thu, 13 Aug 2026 00:00:00 GMTGrecia V.https://grevaleart.com/blog/posts/why-quality-makes-people-irreplaceable-ai/https://grevaleart.com/blog/posts/why-quality-makes-people-irreplaceable-ai/AI can create websites faster, but quality, strategy, creativity, and human design thinking are what make professional web designers valuable. Discover why premium clients still choose human expertise.Sat, 11 Jul 2026 00:00:00 GMTGrecia V.