<?xml version="1.0" encoding="UTF-8"?>
<rss 
  version="2.0"
  xmlns:dc="http://purl.org/dc/elements/1.1/"
  >
  <channel>
    <title>@vtbag: The Bag of Tricks for View Transitions</title>
    <link>https://vtbag.dev</link>
    <description>Tools, Tips, and Tricks to Enhance your Dev Skills with the View Transition API!</description>
    <language>en-us</language>
    <lastBuildDate>Thu, 09 Jul 2026 13:58:49 GMT</lastBuildDate>
    
  <item>
    <title><![CDATA[Default View Transition Animations]]></title>
    <link>https://vtbag.dev/basics/default-animations/</link>
    <guid isPermaLink="true">https://vtbag.dev/basics/default-animations/</guid>
    
    <pubDate>Thu, 09 Jul 2026 13:55:15 GMT</pubDate>
    <description><![CDATA[Mastering the fundamentals is key to creating seamless animations with the View Transition API. Here's a quick guide to get you started.]]></description>
    <enclosure
        url="/anim-og.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[View Transition JavaScript API]]></title>
    <link>https://vtbag.dev/basics/javascript/</link>
    <guid isPermaLink="true">https://vtbag.dev/basics/javascript/</guid>
    
    <pubDate>Thu, 09 Jul 2026 13:55:15 GMT</pubDate>
    <description><![CDATA[How to interact with view transitions using JavaScript]]></description>
    <enclosure
        url="/javascript-og.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[Styling View Transitions]]></title>
    <link>https://vtbag.dev/basics/styling/</link>
    <guid isPermaLink="true">https://vtbag.dev/basics/styling/</guid>
    
    <pubDate>Wed, 08 Jul 2026 20:17:32 GMT</pubDate>
    <description><![CDATA[Styling view transitions including :active-view-transition-type and view-transition-class]]></description>
    <enclosure
        url="/styling-og.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[Flickering during Cross-Fade Animations?]]></title>
    <link>https://vtbag.dev/tips/over-exposure/</link>
    <guid isPermaLink="true">https://vtbag.dev/tips/over-exposure/</guid>
    
    <pubDate>Wed, 08 Jul 2026 20:17:32 GMT</pubDate>
    <description><![CDATA[Why custom fade animations for view transitions might flash.]]></description>
    <enclosure
        url="/over-exposure-og.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[The View Transition API]]></title>
    <link>https://vtbag.dev/basics/api/</link>
    <guid isPermaLink="true">https://vtbag.dev/basics/api/</guid>
    
    <pubDate>Tue, 30 Jun 2026 08:46:16 GMT</pubDate>
    <description><![CDATA[Basics information about the View Transition browser API]]></description>
    <enclosure
        url="/api-og.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[Automatically Assigned View Transition Names]]></title>
    <link>https://vtbag.dev/tips/auto-names/</link>
    <guid isPermaLink="true">https://vtbag.dev/tips/auto-names/</guid>
    
    <pubDate>Tue, 23 Jun 2026 22:40:07 GMT</pubDate>
    <description><![CDATA[Explore current methods for automatically generating view transition names.]]></description>
    <enclosure
        url="/auto-og.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[Where to Place CSS for Cross-Document View Transitions?]]></title>
    <link>https://vtbag.dev/tips/css/</link>
    <guid isPermaLink="true">https://vtbag.dev/tips/css/</guid>
    
    <pubDate>Wed, 10 Jun 2026 18:22:33 GMT</pubDate>
    <description><![CDATA[Your CSS rules are ignored by the View Transition API? Maybe you put them in the wrong place.]]></description>
    <enclosure
        url="/css-og.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[View Transition Names and Generated Pseudo-Elements]]></title>
    <link>https://vtbag.dev/basics/pseudos/</link>
    <guid isPermaLink="true">https://vtbag.dev/basics/pseudos/</guid>
    
    <pubDate>Wed, 10 Jun 2026 14:23:53 GMT</pubDate>
    <description><![CDATA[What are those pseudo-elements of the View Transition API and how can I style and animate them?]]></description>
    <enclosure
        url="/pseudos-og.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[Recent updates]]></title>
    <link>https://vtbag.dev/recent-updates/</link>
    <guid isPermaLink="true">https://vtbag.dev/recent-updates/</guid>
    
    <pubDate>Wed, 10 Jun 2026 11:15:15 GMT</pubDate>
    <description><![CDATA[Last update dates of all articles on vtbag.dev]]></description>
    <enclosure
        url="https://vtbag.dev/social.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[Playing Hide and Seek]]></title>
    <link>https://vtbag.dev/basics/hide-and-seek/</link>
    <guid isPermaLink="true">https://vtbag.dev/basics/hide-and-seek/</guid>
    
    <pubDate>Wed, 10 Jun 2026 11:15:15 GMT</pubDate>
    <description><![CDATA[How to control stacking and clipping of view transition images.]]></description>
    <enclosure
        url="/hide-and-seek-og.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[API Levels and Implications]]></title>
    <link>https://vtbag.dev/basics/levels/</link>
    <guid isPermaLink="true">https://vtbag.dev/basics/levels/</guid>
    
    <pubDate>Wed, 10 Jun 2026 11:15:15 GMT</pubDate>
    <description><![CDATA[What are those levels of the View Transition API, and what does that mean for me as a dev?]]></description>
    <enclosure
        url="/bag-og.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[Playing Tower of Hanoi]]></title>
    <link>https://vtbag.dev/fwvt/playing/</link>
    <guid isPermaLink="true">https://vtbag.dev/fwvt/playing/</guid>
    
    <pubDate>Wed, 10 Jun 2026 11:15:15 GMT</pubDate>
    <description><![CDATA[Fun With View Transitions, Episode 7: Tips, tricks, and fresh ideas to spark your own view transition magic!]]></description>
    <enclosure
        url="/fwvt-og.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[Retain Control While Transitioning]]></title>
    <link>https://vtbag.dev/tips/interactivity/</link>
    <guid isPermaLink="true">https://vtbag.dev/tips/interactivity/</guid>
    
    <pubDate>Wed, 10 Jun 2026 11:15:15 GMT</pubDate>
    <description><![CDATA[Normally, you cannot interact with a page while view transition animations are running. Here is why that happens, and how to fix it.]]></description>
    <enclosure
        url="https://vtbag.dev/social.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[The Utensil Drawer]]></title>
    <link>https://vtbag.dev/tools/utensil-drawer/</link>
    <guid isPermaLink="true">https://vtbag.dev/tools/utensil-drawer/</guid>
    
    <pubDate>Wed, 10 Jun 2026 11:15:15 GMT</pubDate>
    <description><![CDATA[A growing collection of lightweight utilities to help you craft polished view transitions.]]></description>
    <enclosure
        url="/drawer-og.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[@vtbag: Overview]]></title>
    <link>https://vtbag.dev/vtbag/</link>
    <guid isPermaLink="true">https://vtbag.dev/vtbag/</guid>
    
    <pubDate>Sun, 07 Jun 2026 21:45:56 GMT</pubDate>
    <description><![CDATA[What are those Bags of Tricks?]]></description>
    <enclosure
        url="/vtbag-og.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[View Transitions: What Could Possibly Go Wrong?]]></title>
    <link>https://vtbag.dev/tips/view-transition-fails-and-fixes/</link>
    <guid isPermaLink="true">https://vtbag.dev/tips/view-transition-fails-and-fixes/</guid>
    
    <pubDate>Sun, 31 May 2026 18:33:53 GMT</pubDate>
    <description><![CDATA[Most of the time, View Transitions just work. This page is for the exceptions: the quirks, the caveats, the things that quietly cancel your animations. Learn how to detect them and bring transitions back to life.]]></description>
    <enclosure
        url="https://vtbag.dev/social.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[Check and Control the Image Animations!]]></title>
    <link>https://vtbag.dev/fwvt/customizing/</link>
    <guid isPermaLink="true">https://vtbag.dev/fwvt/customizing/</guid>
    
    <pubDate>Sun, 31 May 2026 18:33:53 GMT</pubDate>
    <description><![CDATA[How to override the defaults animations for the ::view-transition-old and ::view-transition-new pseudo-elements.]]></description>
    <enclosure
        url="/fwvt-og.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[Ladies and Gentlemen, Start Your Engines!]]></title>
    <link>https://vtbag.dev/fwvt/enabling/</link>
    <guid isPermaLink="true">https://vtbag.dev/fwvt/enabling/</guid>
    
    <pubDate>Sun, 31 May 2026 18:33:53 GMT</pubDate>
    <description><![CDATA[How to enable browser-native cross-document view transitions on your multi-page site.]]></description>
    <enclosure
        url="/fwvt-og.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[On a Trip to the Text Morphology Clinic]]></title>
    <link>https://vtbag.dev/fwvt/healing/</link>
    <guid isPermaLink="true">https://vtbag.dev/fwvt/healing/</guid>
    
    <pubDate>Sun, 31 May 2026 18:33:53 GMT</pubDate>
    <description><![CDATA[Join Dr. Bag on patient rounds as we explore text-morph animations crafted with the View Transition API. Discover common issues, explore diagnostic techniques, and apply effective treatments.]]></description>
    <enclosure
        url="/fwvt-og.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[Add Native View Transitions to Your Starlight Site]]></title>
    <link>https://vtbag.dev/fwvt/twinkling/</link>
    <guid isPermaLink="true">https://vtbag.dev/fwvt/twinkling/</guid>
    
    <pubDate>Sun, 31 May 2026 18:33:53 GMT</pubDate>
    <description><![CDATA[Let your Starlight site twinkle in a smooth new light. Learn how to sprinkle some view transition magic on your existing setup.]]></description>
    <enclosure
        url="/fwvt-og.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[Why View Transitions Might Break on Mobile]]></title>
    <link>https://vtbag.dev/fwvt/uncovering/</link>
    <guid isPermaLink="true">https://vtbag.dev/fwvt/uncovering/</guid>
    
    <pubDate>Sun, 31 May 2026 18:33:53 GMT</pubDate>
    <description><![CDATA[Figure out why view transitions might fail on mobile for no clear reason.]]></description>
    <enclosure
        url="/broken-og.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[Hello, and welcome to Fun with View Transitions!]]></title>
    <link>https://vtbag.dev/fwvt/welcome/</link>
    <guid isPermaLink="true">https://vtbag.dev/fwvt/welcome/</guid>
    
    <pubDate>Sun, 31 May 2026 18:33:53 GMT</pubDate>
    <description><![CDATA[Embark on a journey into the marvellous land of the View Transition API.]]></description>
    <enclosure
        url="/fwvt-og.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[Pseudo-Smooth-Scrolling]]></title>
    <link>https://vtbag.dev/tips/pseudo-smooth-scrolling/</link>
    <guid isPermaLink="true">https://vtbag.dev/tips/pseudo-smooth-scrolling/</guid>
    
    <pubDate>Sun, 31 May 2026 18:33:53 GMT</pubDate>
    <description><![CDATA[Instant scrolling on a page with view transition might lead to an unexpected smooth-scrolling effect. ]]></description>
    <enclosure
        url="/pseudo-smooth-scrolling-og.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[The Element Crossing]]></title>
    <link>https://vtbag.dev/tools/element-crossing/</link>
    <guid isPermaLink="true">https://vtbag.dev/tools/element-crossing/</guid>
    
    <pubDate>Sun, 31 May 2026 18:33:53 GMT</pubDate>
    <description><![CDATA[@vtbag/element-crossing allows you carry over state to the next page when using cross-document view transitions]]></description>
    <enclosure
        url="/crossing-og.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[The Inspection Chamber]]></title>
    <link>https://vtbag.dev/tools/inspection-chamber/</link>
    <guid isPermaLink="true">https://vtbag.dev/tools/inspection-chamber/</guid>
    
    <pubDate>Sun, 31 May 2026 18:33:53 GMT</pubDate>
    <description><![CDATA[@vtbag/inspection-chamber allows you to examine, judge & optimize all aspects of your view transitions]]></description>
    <enclosure
        url="/chamber-og.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[Test Your Browser's View Transition Capabilities]]></title>
    <link>https://vtbag.dev/basics/test-page/</link>
    <guid isPermaLink="true">https://vtbag.dev/basics/test-page/</guid>
    
    <pubDate>Fri, 22 May 2026 14:32:02 GMT</pubDate>
    <description><![CDATA[Check what part of the View Transition API is supported by your browser]]></description>
    <enclosure
        url="/test-page-og.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[View Transition Examples]]></title>
    <link>https://vtbag.dev/basics/examples/</link>
    <guid isPermaLink="true">https://vtbag.dev/basics/examples/</guid>
    
    <pubDate>Fri, 22 May 2026 14:32:02 GMT</pubDate>
    <description><![CDATA[Basic examples on how to use the View Transition API for same-document and cross-document view transitions.]]></description>
    <enclosure
        url="/examples-og.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[The Turn-Signal]]></title>
    <link>https://vtbag.dev/tools/turn-signal/</link>
    <guid isPermaLink="true">https://vtbag.dev/tools/turn-signal/</guid>
    
    <pubDate>Fri, 22 May 2026 14:32:02 GMT</pubDate>
    <description><![CDATA[@vtbag/turn-signal simplifies directional view transitions for intuitive history traversal navigation.]]></description>
    <enclosure
        url="/signal-og.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[The Bag's Bag-Log]]></title>
    <link>https://vtbag.dev/baglog/</link>
    <guid isPermaLink="true">https://vtbag.dev/baglog/</guid>
    
    <pubDate>Fri, 22 May 2026 14:30:27 GMT</pubDate>
    <description><![CDATA[The Bag of Tricks for View Transitions will be continuously extended. This is the pile of things to address when time permits.]]></description>
    <enclosure
        url="https://vtbag.dev/social.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[The Bag of Tricks for View Transitions]]></title>
    <link>https://vtbag.dev/</link>
    <guid isPermaLink="true">https://vtbag.dev/</guid>
    
    <pubDate>Fri, 08 May 2026 08:58:57 GMT</pubDate>
    <description><![CDATA[Tools, Tips, and Tricks to Enhance your Dev Skills with the View Transition API!]]></description>
    <enclosure
        url="https://vtbag.dev/social.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[Make Your Images Glide Across the Screen]]></title>
    <link>https://vtbag.dev/fwvt/morphing/</link>
    <guid isPermaLink="true">https://vtbag.dev/fwvt/morphing/</guid>
    
    <pubDate>Wed, 06 May 2026 14:36:24 GMT</pubDate>
    <description><![CDATA[Let's add the morph animations that have made the View Transition API so renowned.]]></description>
    <enclosure
        url="/fwvt-og.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[AI]]></title>
    <link>https://vtbag.dev/ai/</link>
    <guid isPermaLink="true">https://vtbag.dev/ai/</guid>
    
    <pubDate>Sat, 02 May 2026 17:07:03 GMT</pubDate>
    <description><![CDATA[How generative AI is used on vtbag.dev]]></description>
    <enclosure
        url="https://vtbag.dev/social.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[The Cam-Shaft]]></title>
    <link>https://vtbag.dev/tools/cam-shaft/</link>
    <guid isPermaLink="true">https://vtbag.dev/tools/cam-shaft/</guid>
    
    <pubDate>Tue, 06 Jan 2026 15:32:00 GMT</pubDate>
    <description><![CDATA[Bump your view transition images into position to avoid that unexpected pseudo-smooth-scrolling.]]></description>
    <enclosure
        url="/shaft-og.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[Support in Web Frameworks]]></title>
    <link>https://vtbag.dev/basics/frameworks/</link>
    <guid isPermaLink="true">https://vtbag.dev/basics/frameworks/</guid>
    
    <pubDate>Thu, 10 Jul 2025 16:23:33 GMT</pubDate>
    <description><![CDATA[What is special when using React's <ViewTransition />]]></description>
    <enclosure
        url="/bag-og.png"
        type="image/jpeg"
      />
  </item>

  <item>
    <title><![CDATA[Pointer Flickering]]></title>
    <link>https://vtbag.dev/tips/pointer/</link>
    <guid isPermaLink="true">https://vtbag.dev/tips/pointer/</guid>
    
    <pubDate>Wed, 20 Nov 2024 16:33:50 GMT</pubDate>
    <description><![CDATA[Your cursor can be a tricky shape-shifter during view transitions. Here's how to keep it in line.]]></description>
    <enclosure
        url="/pointer-og.png"
        type="image/jpeg"
      />
  </item>

  </channel>
</rss>
