<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" version="2.0">
  <channel>
    <title>JF Blog</title>
    <link>https://thedeveloper.javierfuentes.cl/blog</link>
    <description>Practical articles on web development, accessibility, and best practices for developers who care about building it right.</description>
    <language>en</language>
    <pubDate>Tue, 30 Jun 2026 01:41:22 GMT</pubDate>
    <dc:date>2026-06-30T01:41:22Z</dc:date>
    <dc:language>en</dc:language>
    <item>
      <title>Documentation Best Practices for Development Teams</title>
      <link>https://thedeveloper.javierfuentes.cl/blog/documentation-best-practices-for-development-teams</link>
      <description>&lt;div class="hs-featured-image-wrapper"&gt; 
 &lt;a href="https://thedeveloper.javierfuentes.cl/blog/documentation-best-practices-for-development-teams" title="" class="hs-featured-image-link"&gt; &lt;img src="https://thedeveloper.javierfuentes.cl/hubfs/Imported_Blog_Media/photo-1542831371-29b0f74f9713-2.jpg" alt="Documentation Best Practices for Development Teams" class="hs-featured-image" style="width:auto !important; max-width:50%; float:left; margin:0 15px 15px 0;"&gt; &lt;/a&gt; 
&lt;/div&gt; Bad documentation is worse than no documentation because it creates false confidence. Good documentation is accurate, minimal, and maintained alongside the code. This post covers README structure, decision records (ADRs), inline code comments, and building a documentation culture.</description>
      <content:encoded>&lt;div class="hs-featured-image-wrapper"&gt; 
 &lt;a href="https://thedeveloper.javierfuentes.cl/blog/documentation-best-practices-for-development-teams" title="" class="hs-featured-image-link"&gt; &lt;img src="https://thedeveloper.javierfuentes.cl/hubfs/Imported_Blog_Media/photo-1542831371-29b0f74f9713-2.jpg" alt="Documentation Best Practices for Development Teams" class="hs-featured-image" style="width:auto !important; max-width:50%; float:left; margin:0 15px 15px 0;"&gt; &lt;/a&gt; 
&lt;/div&gt; Bad documentation is worse than no documentation because it creates false confidence. Good documentation is accurate, minimal, and maintained alongside the code. This post covers README structure, decision records (ADRs), inline code comments, and building a documentation culture.  
&lt;img src="https://track.hubspot.com/__ptq.gif?a=51152771&amp;amp;k=14&amp;amp;r=https%3A%2F%2Fthedeveloper.javierfuentes.cl%2Fblog%2Fdocumentation-best-practices-for-development-teams&amp;amp;bu=https%253A%252F%252Fthedeveloper.javierfuentes.cl%252Fblog&amp;amp;bvt=rss" alt="" width="1" height="1" style="min-height:1px!important;width:1px!important;border-width:0!important;margin-top:0!important;margin-bottom:0!important;margin-right:0!important;margin-left:0!important;padding-top:0!important;padding-bottom:0!important;padding-right:0!important;padding-left:0!important; "&gt;</content:encoded>
      <category>Best-Practices</category>
      <category>Documentation</category>
      <category>Workflow</category>
      <pubDate>Tue, 21 Apr 2026 04:00:00 GMT</pubDate>
      <guid>https://thedeveloper.javierfuentes.cl/blog/documentation-best-practices-for-development-teams</guid>
      <dc:date>2026-04-21T04:00:00Z</dc:date>
      <dc:creator>Linda Zhao</dc:creator>
    </item>
    <item>
      <title>Automating Accessibility Testing in Your CI Pipeline</title>
      <link>https://thedeveloper.javierfuentes.cl/blog/automating-accessibility-testing-in-your-ci-pipeline</link>
      <description>&lt;div class="hs-featured-image-wrapper"&gt; 
 &lt;a href="https://thedeveloper.javierfuentes.cl/blog/automating-accessibility-testing-in-your-ci-pipeline" title="" class="hs-featured-image-link"&gt; &lt;img src="https://thedeveloper.javierfuentes.cl/hubfs/Imported_Blog_Media/photo-1461749280684-dccba630e2f6-2.jpg" alt="Automating Accessibility Testing in Your CI Pipeline" class="hs-featured-image" style="width:auto !important; max-width:50%; float:left; margin:0 15px 15px 0;"&gt; &lt;/a&gt; 
&lt;/div&gt; Automated accessibility testing in CI catches regressions early and creates a shared quality baseline for the whole team. This post covers integrating Axe with Jest and Cypress, setting up Lighthouse CI, and defining accessibility budgets that block failing deployments.</description>
      <content:encoded>&lt;div class="hs-featured-image-wrapper"&gt; 
 &lt;a href="https://thedeveloper.javierfuentes.cl/blog/automating-accessibility-testing-in-your-ci-pipeline" title="" class="hs-featured-image-link"&gt; &lt;img src="https://thedeveloper.javierfuentes.cl/hubfs/Imported_Blog_Media/photo-1461749280684-dccba630e2f6-2.jpg" alt="Automating Accessibility Testing in Your CI Pipeline" class="hs-featured-image" style="width:auto !important; max-width:50%; float:left; margin:0 15px 15px 0;"&gt; &lt;/a&gt; 
&lt;/div&gt; Automated accessibility testing in CI catches regressions early and creates a shared quality baseline for the whole team. This post covers integrating Axe with Jest and Cypress, setting up Lighthouse CI, and defining accessibility budgets that block failing deployments.  
&lt;img src="https://track.hubspot.com/__ptq.gif?a=51152771&amp;amp;k=14&amp;amp;r=https%3A%2F%2Fthedeveloper.javierfuentes.cl%2Fblog%2Fautomating-accessibility-testing-in-your-ci-pipeline&amp;amp;bu=https%253A%252F%252Fthedeveloper.javierfuentes.cl%252Fblog&amp;amp;bvt=rss" alt="" width="1" height="1" style="min-height:1px!important;width:1px!important;border-width:0!important;margin-top:0!important;margin-bottom:0!important;margin-right:0!important;margin-left:0!important;padding-top:0!important;padding-bottom:0!important;padding-right:0!important;padding-left:0!important; "&gt;</content:encoded>
      <category>Accessibility</category>
      <category>Testing</category>
      <pubDate>Sun, 08 Mar 2026 05:00:00 GMT</pubDate>
      <guid>https://thedeveloper.javierfuentes.cl/blog/automating-accessibility-testing-in-your-ci-pipeline</guid>
      <dc:date>2026-03-08T05:00:00Z</dc:date>
      <dc:creator>David Park</dc:creator>
    </item>
    <item>
      <title>Progressive Enhancement: Building for Every User</title>
      <link>https://thedeveloper.javierfuentes.cl/blog/progressive-enhancement-building-for-every-user</link>
      <description>&lt;div class="hs-featured-image-wrapper"&gt; 
 &lt;a href="https://thedeveloper.javierfuentes.cl/blog/progressive-enhancement-building-for-every-user" title="" class="hs-featured-image-link"&gt; &lt;img src="https://thedeveloper.javierfuentes.cl/hubfs/Imported_Blog_Media/photo-1555099962-4199c345e5dd-1.jpg" alt="Progressive Enhancement: Building for Every User" class="hs-featured-image" style="width:auto !important; max-width:50%; float:left; margin:0 15px 15px 0;"&gt; &lt;/a&gt; 
&lt;/div&gt; Progressive enhancement starts with a solid HTML foundation that works without CSS or JavaScript, then layers in visual improvements and interactivity for browsers that support them. This approach naturally aligns with accessibility and performance best practices.</description>
      <content:encoded>&lt;div class="hs-featured-image-wrapper"&gt; 
 &lt;a href="https://thedeveloper.javierfuentes.cl/blog/progressive-enhancement-building-for-every-user" title="" class="hs-featured-image-link"&gt; &lt;img src="https://thedeveloper.javierfuentes.cl/hubfs/Imported_Blog_Media/photo-1555099962-4199c345e5dd-1.jpg" alt="Progressive Enhancement: Building for Every User" class="hs-featured-image" style="width:auto !important; max-width:50%; float:left; margin:0 15px 15px 0;"&gt; &lt;/a&gt; 
&lt;/div&gt; Progressive enhancement starts with a solid HTML foundation that works without CSS or JavaScript, then layers in visual improvements and interactivity for browsers that support them. This approach naturally aligns with accessibility and performance best practices.  
&lt;img src="https://track.hubspot.com/__ptq.gif?a=51152771&amp;amp;k=14&amp;amp;r=https%3A%2F%2Fthedeveloper.javierfuentes.cl%2Fblog%2Fprogressive-enhancement-building-for-every-user&amp;amp;bu=https%253A%252F%252Fthedeveloper.javierfuentes.cl%252Fblog&amp;amp;bvt=rss" alt="" width="1" height="1" style="min-height:1px!important;width:1px!important;border-width:0!important;margin-top:0!important;margin-bottom:0!important;margin-right:0!important;margin-left:0!important;padding-top:0!important;padding-bottom:0!important;padding-right:0!important;padding-left:0!important; "&gt;</content:encoded>
      <category>Best-Practices</category>
      <category>Accessibility</category>
      <category>Javascript</category>
      <pubDate>Sat, 31 Jan 2026 05:00:00 GMT</pubDate>
      <guid>https://thedeveloper.javierfuentes.cl/blog/progressive-enhancement-building-for-every-user</guid>
      <dc:date>2026-01-31T05:00:00Z</dc:date>
      <dc:creator>Rachel Green</dc:creator>
    </item>
    <item>
      <title>API Design Best Practices for Frontend Developers</title>
      <link>https://thedeveloper.javierfuentes.cl/blog/api-design-best-practices-for-frontend-developers</link>
      <description>&lt;div class="hs-featured-image-wrapper"&gt; 
 &lt;a href="https://thedeveloper.javierfuentes.cl/blog/api-design-best-practices-for-frontend-developers" title="" class="hs-featured-image-link"&gt; &lt;img src="https://thedeveloper.javierfuentes.cl/hubfs/Imported_Blog_Media/photo-1560732488-6b0df240254a.jpg" alt="API Design Best Practices for Frontend Developers" class="hs-featured-image" style="width:auto !important; max-width:50%; float:left; margin:0 15px 15px 0;"&gt; &lt;/a&gt; 
&lt;/div&gt; Frontend developers spend a lot of time consuming APIs, and understanding good API design makes that work easier. This post covers RESTful conventions, error response standards, pagination patterns, and how to advocate for developer-friendly API design in your team.</description>
      <content:encoded>&lt;div class="hs-featured-image-wrapper"&gt; 
 &lt;a href="https://thedeveloper.javierfuentes.cl/blog/api-design-best-practices-for-frontend-developers" title="" class="hs-featured-image-link"&gt; &lt;img src="https://thedeveloper.javierfuentes.cl/hubfs/Imported_Blog_Media/photo-1560732488-6b0df240254a.jpg" alt="API Design Best Practices for Frontend Developers" class="hs-featured-image" style="width:auto !important; max-width:50%; float:left; margin:0 15px 15px 0;"&gt; &lt;/a&gt; 
&lt;/div&gt; Frontend developers spend a lot of time consuming APIs, and understanding good API design makes that work easier. This post covers RESTful conventions, error response standards, pagination patterns, and how to advocate for developer-friendly API design in your team.  
&lt;img src="https://track.hubspot.com/__ptq.gif?a=51152771&amp;amp;k=14&amp;amp;r=https%3A%2F%2Fthedeveloper.javierfuentes.cl%2Fblog%2Fapi-design-best-practices-for-frontend-developers&amp;amp;bu=https%253A%252F%252Fthedeveloper.javierfuentes.cl%252Fblog&amp;amp;bvt=rss" alt="" width="1" height="1" style="min-height:1px!important;width:1px!important;border-width:0!important;margin-top:0!important;margin-bottom:0!important;margin-right:0!important;margin-left:0!important;padding-top:0!important;padding-bottom:0!important;padding-right:0!important;padding-left:0!important; "&gt;</content:encoded>
      <category>Best-Practices</category>
      <category>API</category>
      <category>Javascript</category>
      <pubDate>Fri, 19 Dec 2025 05:00:00 GMT</pubDate>
      <guid>https://thedeveloper.javierfuentes.cl/blog/api-design-best-practices-for-frontend-developers</guid>
      <dc:date>2025-12-19T05:00:00Z</dc:date>
      <dc:creator>Carlos Mendez</dc:creator>
    </item>
    <item>
      <title>Reducing Motion: Accessibility for Vestibular Disorders</title>
      <link>https://thedeveloper.javierfuentes.cl/blog/reducing-motion-accessibility-for-vestibular-disorders</link>
      <description>&lt;div class="hs-featured-image-wrapper"&gt; 
 &lt;a href="https://thedeveloper.javierfuentes.cl/blog/reducing-motion-accessibility-for-vestibular-disorders" title="" class="hs-featured-image-link"&gt; &lt;img src="https://thedeveloper.javierfuentes.cl/hubfs/Imported_Blog_Media/photo-1556075798-4825dfaaf498-1.jpg" alt="Reducing Motion: Accessibility for Vestibular Disorders" class="hs-featured-image" style="width:auto !important; max-width:50%; float:left; margin:0 15px 15px 0;"&gt; &lt;/a&gt; 
&lt;/div&gt; Animations that auto-play, loop, or involve parallax effects can trigger dizziness, nausea, and migraines in users with vestibular disorders. The prefers-reduced-motion media query allows you to respect user preferences and provide a safer, still-engaging experience.</description>
      <content:encoded>&lt;div class="hs-featured-image-wrapper"&gt; 
 &lt;a href="https://thedeveloper.javierfuentes.cl/blog/reducing-motion-accessibility-for-vestibular-disorders" title="" class="hs-featured-image-link"&gt; &lt;img src="https://thedeveloper.javierfuentes.cl/hubfs/Imported_Blog_Media/photo-1556075798-4825dfaaf498-1.jpg" alt="Reducing Motion: Accessibility for Vestibular Disorders" class="hs-featured-image" style="width:auto !important; max-width:50%; float:left; margin:0 15px 15px 0;"&gt; &lt;/a&gt; 
&lt;/div&gt; Animations that auto-play, loop, or involve parallax effects can trigger dizziness, nausea, and migraines in users with vestibular disorders. The prefers-reduced-motion media query allows you to respect user preferences and provide a safer, still-engaging experience.  
&lt;img src="https://track.hubspot.com/__ptq.gif?a=51152771&amp;amp;k=14&amp;amp;r=https%3A%2F%2Fthedeveloper.javierfuentes.cl%2Fblog%2Freducing-motion-accessibility-for-vestibular-disorders&amp;amp;bu=https%253A%252F%252Fthedeveloper.javierfuentes.cl%252Fblog&amp;amp;bvt=rss" alt="" width="1" height="1" style="min-height:1px!important;width:1px!important;border-width:0!important;margin-top:0!important;margin-bottom:0!important;margin-right:0!important;margin-left:0!important;padding-top:0!important;padding-bottom:0!important;padding-right:0!important;padding-left:0!important; "&gt;</content:encoded>
      <category>Accessibility</category>
      <category>CSS</category>
      <pubDate>Fri, 07 Nov 2025 05:00:00 GMT</pubDate>
      <guid>https://thedeveloper.javierfuentes.cl/blog/reducing-motion-accessibility-for-vestibular-disorders</guid>
      <dc:date>2025-11-07T05:00:00Z</dc:date>
      <dc:creator>Anna Kim</dc:creator>
    </item>
    <item>
      <title>JavaScript Error Handling Best Practices</title>
      <link>https://thedeveloper.javierfuentes.cl/blog/javascript-error-handling-best-practices</link>
      <description>&lt;div class="hs-featured-image-wrapper"&gt; 
 &lt;a href="https://thedeveloper.javierfuentes.cl/blog/javascript-error-handling-best-practices" title="" class="hs-featured-image-link"&gt; &lt;img src="https://thedeveloper.javierfuentes.cl/hubfs/Imported_Blog_Media/photo-1555099962-4199c345e5dd-1.jpg" alt="JavaScript Error Handling Best Practices" class="hs-featured-image" style="width:auto !important; max-width:50%; float:left; margin:0 15px 15px 0;"&gt; &lt;/a&gt; 
&lt;/div&gt; Unhandled errors crash applications and leave users confused. This post covers synchronous and asynchronous error handling patterns, custom error classes, error boundaries in UI frameworks, and how to log errors meaningfully without exposing sensitive information.</description>
      <content:encoded>&lt;div class="hs-featured-image-wrapper"&gt; 
 &lt;a href="https://thedeveloper.javierfuentes.cl/blog/javascript-error-handling-best-practices" title="" class="hs-featured-image-link"&gt; &lt;img src="https://thedeveloper.javierfuentes.cl/hubfs/Imported_Blog_Media/photo-1555099962-4199c345e5dd-1.jpg" alt="JavaScript Error Handling Best Practices" class="hs-featured-image" style="width:auto !important; max-width:50%; float:left; margin:0 15px 15px 0;"&gt; &lt;/a&gt; 
&lt;/div&gt; Unhandled errors crash applications and leave users confused. This post covers synchronous and asynchronous error handling patterns, custom error classes, error boundaries in UI frameworks, and how to log errors meaningfully without exposing sensitive information.  
&lt;img src="https://track.hubspot.com/__ptq.gif?a=51152771&amp;amp;k=14&amp;amp;r=https%3A%2F%2Fthedeveloper.javierfuentes.cl%2Fblog%2Fjavascript-error-handling-best-practices&amp;amp;bu=https%253A%252F%252Fthedeveloper.javierfuentes.cl%252Fblog&amp;amp;bvt=rss" alt="" width="1" height="1" style="min-height:1px!important;width:1px!important;border-width:0!important;margin-top:0!important;margin-bottom:0!important;margin-right:0!important;margin-left:0!important;padding-top:0!important;padding-bottom:0!important;padding-right:0!important;padding-left:0!important; "&gt;</content:encoded>
      <category>Best-Practices</category>
      <category>Javascript</category>
      <category>Debugging</category>
      <pubDate>Sun, 12 Oct 2025 04:00:00 GMT</pubDate>
      <guid>https://thedeveloper.javierfuentes.cl/blog/javascript-error-handling-best-practices</guid>
      <dc:date>2025-10-12T04:00:00Z</dc:date>
      <dc:creator>Tom Hughes</dc:creator>
    </item>
    <item>
      <title>How to Build a Design System with Accessibility at Its Core</title>
      <link>https://thedeveloper.javierfuentes.cl/blog/how-to-build-a-design-system-with-accessibility-at-its-core</link>
      <description>&lt;div class="hs-featured-image-wrapper"&gt; 
 &lt;a href="https://thedeveloper.javierfuentes.cl/blog/how-to-build-a-design-system-with-accessibility-at-its-core" title="" class="hs-featured-image-link"&gt; &lt;img src="https://thedeveloper.javierfuentes.cl/hubfs/Imported_Blog_Media/photo-1551288049-bebda4e38f71-1.jpg" alt="How to Build a Design System with Accessibility at Its Core" class="hs-featured-image" style="width:auto !important; max-width:50%; float:left; margin:0 15px 15px 0;"&gt; &lt;/a&gt; 
&lt;/div&gt; Retrofitting accessibility into an existing design system is painful. Building it in from the start — with accessible color tokens, keyboard-navigable components, and inclusive interaction patterns — creates a foundation that scales without accumulating accessibility debt.</description>
      <content:encoded>&lt;div class="hs-featured-image-wrapper"&gt; 
 &lt;a href="https://thedeveloper.javierfuentes.cl/blog/how-to-build-a-design-system-with-accessibility-at-its-core" title="" class="hs-featured-image-link"&gt; &lt;img src="https://thedeveloper.javierfuentes.cl/hubfs/Imported_Blog_Media/photo-1551288049-bebda4e38f71-1.jpg" alt="How to Build a Design System with Accessibility at Its Core" class="hs-featured-image" style="width:auto !important; max-width:50%; float:left; margin:0 15px 15px 0;"&gt; &lt;/a&gt; 
&lt;/div&gt; Retrofitting accessibility into an existing design system is painful. Building it in from the start — with accessible color tokens, keyboard-navigable components, and inclusive interaction patterns — creates a foundation that scales without accumulating accessibility debt.  
&lt;img src="https://track.hubspot.com/__ptq.gif?a=51152771&amp;amp;k=14&amp;amp;r=https%3A%2F%2Fthedeveloper.javierfuentes.cl%2Fblog%2Fhow-to-build-a-design-system-with-accessibility-at-its-core&amp;amp;bu=https%253A%252F%252Fthedeveloper.javierfuentes.cl%252Fblog&amp;amp;bvt=rss" alt="" width="1" height="1" style="min-height:1px!important;width:1px!important;border-width:0!important;margin-top:0!important;margin-bottom:0!important;margin-right:0!important;margin-left:0!important;padding-top:0!important;padding-bottom:0!important;padding-right:0!important;padding-left:0!important; "&gt;</content:encoded>
      <category>Design-Systems</category>
      <category>Accessibility</category>
      <category>CSS</category>
      <pubDate>Sun, 17 Aug 2025 04:00:00 GMT</pubDate>
      <guid>https://thedeveloper.javierfuentes.cl/blog/how-to-build-a-design-system-with-accessibility-at-its-core</guid>
      <dc:date>2025-08-17T04:00:00Z</dc:date>
      <dc:creator>Maria Lopez</dc:creator>
    </item>
    <item>
      <title>Writing Clean and Maintainable JavaScript in 2025</title>
      <link>https://thedeveloper.javierfuentes.cl/blog/writing-clean-and-maintainable-javascript-in-2025</link>
      <description>&lt;div class="hs-featured-image-wrapper"&gt; 
 &lt;a href="https://thedeveloper.javierfuentes.cl/blog/writing-clean-and-maintainable-javascript-in-2025" title="" class="hs-featured-image-link"&gt; &lt;img src="https://thedeveloper.javierfuentes.cl/hubfs/Imported_Blog_Media/photo-1517694712202-14dd9538aa97-1.jpg" alt="Writing Clean and Maintainable JavaScript in 2025" class="hs-featured-image" style="width:auto !important; max-width:50%; float:left; margin:0 15px 15px 0;"&gt; &lt;/a&gt; 
&lt;/div&gt; 
&lt;p&gt;1 Clean JavaScript is not about using the latest syntax — it is about clarity of intent. This post covers naming conventions, function size, avoiding side effects, modular architecture, and the mindset shift from writing code for computers to writing code for humans.&lt;/p&gt; 
&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer aliquam sed nunc ut aliquam. Maecenas aliquam libero et quam tincidunt fringilla. Vestibulum sit amet quam semper, gravida elit ut, suscipit mauris. Etiam vestibulum, enim eget ultrices interdum, metus felis suscipit sapien, sed suscipit tellus risus a urna. Nulla facilisi. Sed non ipsum efficitur, ultricies turpis sed, efficitur purus. Curabitur id diam vitae ex finibus facilisis a sit amet metus. Phasellus vel arcu vel neque ultricies ultricies non quis risus. Sed non gravida orci, vitae interdum massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam venenatis gravida egestas. Aliquam non libero non lectus tincidunt ultricies et quis risus.&lt;/p&gt;</description>
      <content:encoded>&lt;div class="hs-featured-image-wrapper"&gt; 
 &lt;a href="https://thedeveloper.javierfuentes.cl/blog/writing-clean-and-maintainable-javascript-in-2025" title="" class="hs-featured-image-link"&gt; &lt;img src="https://thedeveloper.javierfuentes.cl/hubfs/Imported_Blog_Media/photo-1517694712202-14dd9538aa97-1.jpg" alt="Writing Clean and Maintainable JavaScript in 2025" class="hs-featured-image" style="width:auto !important; max-width:50%; float:left; margin:0 15px 15px 0;"&gt; &lt;/a&gt; 
&lt;/div&gt; 
&lt;p&gt;1 Clean JavaScript is not about using the latest syntax — it is about clarity of intent. This post covers naming conventions, function size, avoiding side effects, modular architecture, and the mindset shift from writing code for computers to writing code for humans.&lt;/p&gt; 
&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer aliquam sed nunc ut aliquam. Maecenas aliquam libero et quam tincidunt fringilla. Vestibulum sit amet quam semper, gravida elit ut, suscipit mauris. Etiam vestibulum, enim eget ultrices interdum, metus felis suscipit sapien, sed suscipit tellus risus a urna. Nulla facilisi. Sed non ipsum efficitur, ultricies turpis sed, efficitur purus. Curabitur id diam vitae ex finibus facilisis a sit amet metus. Phasellus vel arcu vel neque ultricies ultricies non quis risus. Sed non gravida orci, vitae interdum massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam venenatis gravida egestas. Aliquam non libero non lectus tincidunt ultricies et quis risus.&lt;/p&gt;  
&lt;img src="https://track.hubspot.com/__ptq.gif?a=51152771&amp;amp;k=14&amp;amp;r=https%3A%2F%2Fthedeveloper.javierfuentes.cl%2Fblog%2Fwriting-clean-and-maintainable-javascript-in-2025&amp;amp;bu=https%253A%252F%252Fthedeveloper.javierfuentes.cl%252Fblog&amp;amp;bvt=rss" alt="" width="1" height="1" style="min-height:1px!important;width:1px!important;border-width:0!important;margin-top:0!important;margin-bottom:0!important;margin-right:0!important;margin-left:0!important;padding-top:0!important;padding-bottom:0!important;padding-right:0!important;padding-left:0!important; "&gt;</content:encoded>
      <category>Best-Practices</category>
      <category>Javascript</category>
      <pubDate>Sun, 20 Jul 2025 04:00:00 GMT</pubDate>
      <guid>https://thedeveloper.javierfuentes.cl/blog/writing-clean-and-maintainable-javascript-in-2025</guid>
      <dc:date>2025-07-20T04:00:00Z</dc:date>
      <dc:creator>James Rivera</dc:creator>
    </item>
    <item>
      <title>Accessible Navigation Patterns for Complex Websites</title>
      <link>https://thedeveloper.javierfuentes.cl/blog/accessible-navigation-patterns-for-complex-websites</link>
      <description>Navigation is the backbone of any website, and inaccessible navigation can lock users out entirely. This post covers ARIA patterns for disclosure navigation, mega menus, breadcrumbs, and tab interfaces, with code examples and testing tips for each pattern.</description>
      <content:encoded>Navigation is the backbone of any website, and inaccessible navigation can lock users out entirely. This post covers ARIA patterns for disclosure navigation, mega menus, breadcrumbs, and tab interfaces, with code examples and testing tips for each pattern.  
&lt;img src="https://track.hubspot.com/__ptq.gif?a=51152771&amp;amp;k=14&amp;amp;r=https%3A%2F%2Fthedeveloper.javierfuentes.cl%2Fblog%2Faccessible-navigation-patterns-for-complex-websites&amp;amp;bu=https%253A%252F%252Fthedeveloper.javierfuentes.cl%252Fblog&amp;amp;bvt=rss" alt="" width="1" height="1" style="min-height:1px!important;width:1px!important;border-width:0!important;margin-top:0!important;margin-bottom:0!important;margin-right:0!important;margin-left:0!important;padding-top:0!important;padding-bottom:0!important;padding-right:0!important;padding-left:0!important; "&gt;</content:encoded>
      <category>Accessibility</category>
      <category>UX</category>
      <category>Navigation</category>
      <pubDate>Fri, 13 Jun 2025 04:00:00 GMT</pubDate>
      <guid>https://thedeveloper.javierfuentes.cl/blog/accessible-navigation-patterns-for-complex-websites</guid>
      <dc:date>2025-06-13T04:00:00Z</dc:date>
      <dc:creator>Sarah Chen</dc:creator>
    </item>
    <item>
      <title>CSS Custom Properties: Beyond Basic Variables</title>
      <link>https://thedeveloper.javierfuentes.cl/blog/css-custom-properties-beyond-basic-variables</link>
      <description>&lt;div class="hs-featured-image-wrapper"&gt; 
 &lt;a href="https://thedeveloper.javierfuentes.cl/blog/css-custom-properties-beyond-basic-variables" title="" class="hs-featured-image-link"&gt; &lt;img src="https://thedeveloper.javierfuentes.cl/hubfs/Imported_Blog_Media/photo-1507721999472-8ed4421c4af2-1.jpg" alt="CSS Custom Properties: Beyond Basic Variables" class="hs-featured-image" style="width:auto !important; max-width:50%; float:left; margin:0 15px 15px 0;"&gt; &lt;/a&gt; 
&lt;/div&gt; CSS custom properties are not just variables — they cascade, inherit, and can be updated at runtime with JavaScript. This post explores advanced patterns including component-level theming, responsive custom properties, and using them as a design token layer.</description>
      <content:encoded>&lt;div class="hs-featured-image-wrapper"&gt; 
 &lt;a href="https://thedeveloper.javierfuentes.cl/blog/css-custom-properties-beyond-basic-variables" title="" class="hs-featured-image-link"&gt; &lt;img src="https://thedeveloper.javierfuentes.cl/hubfs/Imported_Blog_Media/photo-1507721999472-8ed4421c4af2-1.jpg" alt="CSS Custom Properties: Beyond Basic Variables" class="hs-featured-image" style="width:auto !important; max-width:50%; float:left; margin:0 15px 15px 0;"&gt; &lt;/a&gt; 
&lt;/div&gt; CSS custom properties are not just variables — they cascade, inherit, and can be updated at runtime with JavaScript. This post explores advanced patterns including component-level theming, responsive custom properties, and using them as a design token layer.  
&lt;img src="https://track.hubspot.com/__ptq.gif?a=51152771&amp;amp;k=14&amp;amp;r=https%3A%2F%2Fthedeveloper.javierfuentes.cl%2Fblog%2Fcss-custom-properties-beyond-basic-variables&amp;amp;bu=https%253A%252F%252Fthedeveloper.javierfuentes.cl%252Fblog&amp;amp;bvt=rss" alt="" width="1" height="1" style="min-height:1px!important;width:1px!important;border-width:0!important;margin-top:0!important;margin-bottom:0!important;margin-right:0!important;margin-left:0!important;padding-top:0!important;padding-bottom:0!important;padding-right:0!important;padding-left:0!important; "&gt;</content:encoded>
      <category>Design-Systems</category>
      <category>Best-Practices</category>
      <category>CSS</category>
      <pubDate>Wed, 16 Apr 2025 04:00:00 GMT</pubDate>
      <guid>https://thedeveloper.javierfuentes.cl/blog/css-custom-properties-beyond-basic-variables</guid>
      <dc:date>2025-04-16T04:00:00Z</dc:date>
      <dc:creator>Alex Morgan</dc:creator>
    </item>
  </channel>
</rss>
