<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Dynamic Dashboard on AI VOID</title><link>https://ai-blog.noorshomelab.dev/tags/dynamic-dashboard/</link><description>Recent content in Dynamic Dashboard on AI VOID</description><generator>Hugo</generator><language>en</language><lastBuildDate>Fri, 05 Dec 2025 00:00:00 +0000</lastBuildDate><atom:link href="https://ai-blog.noorshomelab.dev/tags/dynamic-dashboard/index.xml" rel="self" type="application/rss+xml"/><item><title>Chapter 14: Project: Dynamic Dashboard Widgets &amp;amp; Layout Changes</title><link>https://ai-blog.noorshomelab.dev/scoped-view-transitions-2025/project-dashboard-widgets/</link><pubDate>Fri, 05 Dec 2025 00:00:00 +0000</pubDate><guid>https://ai-blog.noorshomelab.dev/scoped-view-transitions-2025/project-dashboard-widgets/</guid><description>&lt;h2 id="chapter-14-project-dynamic-dashboard-widgets--layout-changes"&gt;Chapter 14: Project: Dynamic Dashboard Widgets &amp;amp; Layout Changes&lt;/h2&gt;
&lt;p&gt;Welcome back, future web animation wizard! In our previous chapters, you&amp;rsquo;ve mastered the fundamentals of the View Transition API, creating smooth, engaging transitions between pages or across significant document-level changes. You&amp;rsquo;ve seen how &lt;code&gt;document.startViewTransition()&lt;/code&gt; can transform your user&amp;rsquo;s experience.&lt;/p&gt;
&lt;p&gt;But what if you don&amp;rsquo;t need to transition the &lt;em&gt;entire document&lt;/em&gt;? What if you want to animate changes within a specific part of your page, like reordering items in a list, toggling the visibility of a component, or dynamically rearranging dashboard widgets? This is where the exciting new world of &lt;strong&gt;Scoped View Transitions&lt;/strong&gt; comes in!&lt;/p&gt;</description></item></channel></rss>