|
8 | 8 | <link>https://vtbag.dev</link> |
9 | 9 | <description>Tools, Tips, and Tricks to Enhance your Dev Skills with the View Transition API!</description> |
10 | 10 | <language>en-us</language> |
11 | | - <lastBuildDate>Wed, 10 Jun 2026 18:24:32 GMT</lastBuildDate> |
| 11 | + <lastBuildDate>Thu, 09 Jul 2026 13:58:49 GMT</lastBuildDate> |
12 | 12 |
|
13 | 13 | <item> |
14 | | - <title><![CDATA[Where to Place CSS for Cross-Document View Transitions?]]></title> |
15 | | - <link>https://vtbag.dev/tips/css/</link> |
16 | | - <guid isPermaLink="true">https://vtbag.dev/tips/css/</guid> |
| 14 | + <title><![CDATA[Default View Transition Animations]]></title> |
| 15 | + <link>https://vtbag.dev/basics/default-animations/</link> |
| 16 | + <guid isPermaLink="true">https://vtbag.dev/basics/default-animations/</guid> |
17 | 17 |
|
18 | | - <pubDate>Wed, 10 Jun 2026 18:22:33 GMT</pubDate> |
19 | | - <description><![CDATA[Your CSS rules are ignored by the View Transition API? Maybe you put them in the wrong place.]]></description> |
| 18 | + <pubDate>Thu, 09 Jul 2026 13:55:15 GMT</pubDate> |
| 19 | + <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> |
20 | 20 | <enclosure |
21 | | - url="/css-og.png" |
| 21 | + url="/anim-og.png" |
| 22 | + type="image/jpeg" |
| 23 | + /> |
| 24 | + </item> |
| 25 | + |
| 26 | + <item> |
| 27 | + <title><![CDATA[View Transition JavaScript API]]></title> |
| 28 | + <link>https://vtbag.dev/basics/javascript/</link> |
| 29 | + <guid isPermaLink="true">https://vtbag.dev/basics/javascript/</guid> |
| 30 | + |
| 31 | + <pubDate>Thu, 09 Jul 2026 13:55:15 GMT</pubDate> |
| 32 | + <description><![CDATA[How to interact with view transitions using JavaScript]]></description> |
| 33 | + <enclosure |
| 34 | + url="/javascript-og.png" |
22 | 35 | type="image/jpeg" |
23 | 36 | /> |
24 | 37 | </item> |
|
28 | 41 | <link>https://vtbag.dev/basics/styling/</link> |
29 | 42 | <guid isPermaLink="true">https://vtbag.dev/basics/styling/</guid> |
30 | 43 |
|
31 | | - <pubDate>Wed, 10 Jun 2026 18:20:48 GMT</pubDate> |
| 44 | + <pubDate>Wed, 08 Jul 2026 20:17:32 GMT</pubDate> |
32 | 45 | <description><![CDATA[Styling view transitions including :active-view-transition-type and view-transition-class]]></description> |
33 | 46 | <enclosure |
34 | 47 | url="/styling-og.png" |
35 | 48 | type="image/jpeg" |
36 | 49 | /> |
37 | 50 | </item> |
38 | 51 |
|
| 52 | + <item> |
| 53 | + <title><![CDATA[Flickering during Cross-Fade Animations?]]></title> |
| 54 | + <link>https://vtbag.dev/tips/over-exposure/</link> |
| 55 | + <guid isPermaLink="true">https://vtbag.dev/tips/over-exposure/</guid> |
| 56 | + |
| 57 | + <pubDate>Wed, 08 Jul 2026 20:17:32 GMT</pubDate> |
| 58 | + <description><![CDATA[Why custom fade animations for view transitions might flash.]]></description> |
| 59 | + <enclosure |
| 60 | + url="/over-exposure-og.png" |
| 61 | + type="image/jpeg" |
| 62 | + /> |
| 63 | + </item> |
| 64 | + |
| 65 | + <item> |
| 66 | + <title><![CDATA[The View Transition API]]></title> |
| 67 | + <link>https://vtbag.dev/basics/api/</link> |
| 68 | + <guid isPermaLink="true">https://vtbag.dev/basics/api/</guid> |
| 69 | + |
| 70 | + <pubDate>Tue, 30 Jun 2026 08:46:16 GMT</pubDate> |
| 71 | + <description><![CDATA[Basics information about the View Transition browser API]]></description> |
| 72 | + <enclosure |
| 73 | + url="/api-og.png" |
| 74 | + type="image/jpeg" |
| 75 | + /> |
| 76 | + </item> |
| 77 | + |
| 78 | + <item> |
| 79 | + <title><![CDATA[Automatically Assigned View Transition Names]]></title> |
| 80 | + <link>https://vtbag.dev/tips/auto-names/</link> |
| 81 | + <guid isPermaLink="true">https://vtbag.dev/tips/auto-names/</guid> |
| 82 | + |
| 83 | + <pubDate>Tue, 23 Jun 2026 22:40:07 GMT</pubDate> |
| 84 | + <description><![CDATA[Explore current methods for automatically generating view transition names.]]></description> |
| 85 | + <enclosure |
| 86 | + url="/auto-og.png" |
| 87 | + type="image/jpeg" |
| 88 | + /> |
| 89 | + </item> |
| 90 | + |
| 91 | + <item> |
| 92 | + <title><![CDATA[Where to Place CSS for Cross-Document View Transitions?]]></title> |
| 93 | + <link>https://vtbag.dev/tips/css/</link> |
| 94 | + <guid isPermaLink="true">https://vtbag.dev/tips/css/</guid> |
| 95 | + |
| 96 | + <pubDate>Wed, 10 Jun 2026 18:22:33 GMT</pubDate> |
| 97 | + <description><![CDATA[Your CSS rules are ignored by the View Transition API? Maybe you put them in the wrong place.]]></description> |
| 98 | + <enclosure |
| 99 | + url="/css-og.png" |
| 100 | + type="image/jpeg" |
| 101 | + /> |
| 102 | + </item> |
| 103 | + |
39 | 104 | <item> |
40 | 105 | <title><![CDATA[View Transition Names and Generated Pseudo-Elements]]></title> |
41 | 106 | <link>https://vtbag.dev/basics/pseudos/</link> |
|
49 | 114 | /> |
50 | 115 | </item> |
51 | 116 |
|
| 117 | + <item> |
| 118 | + <title><![CDATA[Recent updates]]></title> |
| 119 | + <link>https://vtbag.dev/recent-updates/</link> |
| 120 | + <guid isPermaLink="true">https://vtbag.dev/recent-updates/</guid> |
| 121 | + |
| 122 | + <pubDate>Wed, 10 Jun 2026 11:15:15 GMT</pubDate> |
| 123 | + <description><![CDATA[Last update dates of all articles on vtbag.dev]]></description> |
| 124 | + <enclosure |
| 125 | + url="https://vtbag.dev/social.png" |
| 126 | + type="image/jpeg" |
| 127 | + /> |
| 128 | + </item> |
| 129 | + |
52 | 130 | <item> |
53 | 131 | <title><![CDATA[Playing Hide and Seek]]></title> |
54 | 132 | <link>https://vtbag.dev/basics/hide-and-seek/</link> |
|
114 | 192 | /> |
115 | 193 | </item> |
116 | 194 |
|
117 | | - <item> |
118 | | - <title><![CDATA[Recent updates]]></title> |
119 | | - <link>https://vtbag.dev/recent-updates/</link> |
120 | | - <guid isPermaLink="true">https://vtbag.dev/recent-updates/</guid> |
121 | | - |
122 | | - <pubDate>Wed, 10 Jun 2026 11:15:15 GMT</pubDate> |
123 | | - <description><![CDATA[Last update dates of all articles on vtbag.dev]]></description> |
124 | | - <enclosure |
125 | | - url="https://vtbag.dev/social.png" |
126 | | - type="image/jpeg" |
127 | | - /> |
128 | | - </item> |
129 | | - |
130 | 195 | <item> |
131 | 196 | <title><![CDATA[@vtbag: Overview]]></title> |
132 | 197 | <link>https://vtbag.dev/vtbag/</link> |
|
141 | 206 | </item> |
142 | 207 |
|
143 | 208 | <item> |
144 | | - <title><![CDATA[Default View Transition Animations]]></title> |
145 | | - <link>https://vtbag.dev/basics/default-animations/</link> |
146 | | - <guid isPermaLink="true">https://vtbag.dev/basics/default-animations/</guid> |
147 | | - |
148 | | - <pubDate>Sun, 31 May 2026 18:33:53 GMT</pubDate> |
149 | | - <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> |
150 | | - <enclosure |
151 | | - url="/anim-og.png" |
152 | | - type="image/jpeg" |
153 | | - /> |
154 | | - </item> |
155 | | - |
156 | | - <item> |
157 | | - <title><![CDATA[View Transition JavaScript API]]></title> |
158 | | - <link>https://vtbag.dev/basics/javascript/</link> |
159 | | - <guid isPermaLink="true">https://vtbag.dev/basics/javascript/</guid> |
| 209 | + <title><![CDATA[View Transitions: What Could Possibly Go Wrong?]]></title> |
| 210 | + <link>https://vtbag.dev/tips/view-transition-fails-and-fixes/</link> |
| 211 | + <guid isPermaLink="true">https://vtbag.dev/tips/view-transition-fails-and-fixes/</guid> |
160 | 212 |
|
161 | 213 | <pubDate>Sun, 31 May 2026 18:33:53 GMT</pubDate> |
162 | | - <description><![CDATA[How to interact with view transitions using JavaScript]]></description> |
| 214 | + <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> |
163 | 215 | <enclosure |
164 | | - url="/javascript-og.png" |
| 216 | + url="https://vtbag.dev/social.png" |
165 | 217 | type="image/jpeg" |
166 | 218 | /> |
167 | 219 | </item> |
|
244 | 296 | /> |
245 | 297 | </item> |
246 | 298 |
|
247 | | - <item> |
248 | | - <title><![CDATA[Automatically Assigned View Transition Names]]></title> |
249 | | - <link>https://vtbag.dev/tips/auto-names/</link> |
250 | | - <guid isPermaLink="true">https://vtbag.dev/tips/auto-names/</guid> |
251 | | - |
252 | | - <pubDate>Sun, 31 May 2026 18:33:53 GMT</pubDate> |
253 | | - <description><![CDATA[Explore current methods for automatically generating view transition names.]]></description> |
254 | | - <enclosure |
255 | | - url="/auto-og.png" |
256 | | - type="image/jpeg" |
257 | | - /> |
258 | | - </item> |
259 | | - |
260 | 299 | <item> |
261 | 300 | <title><![CDATA[Pseudo-Smooth-Scrolling]]></title> |
262 | 301 | <link>https://vtbag.dev/tips/pseudo-smooth-scrolling/</link> |
|
270 | 309 | /> |
271 | 310 | </item> |
272 | 311 |
|
273 | | - <item> |
274 | | - <title><![CDATA[View Transitions: What Could Possibly Go Wrong?]]></title> |
275 | | - <link>https://vtbag.dev/tips/view-transition-fails-and-fixes/</link> |
276 | | - <guid isPermaLink="true">https://vtbag.dev/tips/view-transition-fails-and-fixes/</guid> |
277 | | - |
278 | | - <pubDate>Sun, 31 May 2026 18:33:53 GMT</pubDate> |
279 | | - <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> |
280 | | - <enclosure |
281 | | - url="https://vtbag.dev/social.png" |
282 | | - type="image/jpeg" |
283 | | - /> |
284 | | - </item> |
285 | | - |
286 | 312 | <item> |
287 | 313 | <title><![CDATA[The Element Crossing]]></title> |
288 | 314 | <link>https://vtbag.dev/tools/element-crossing/</link> |
|
310 | 336 | </item> |
311 | 337 |
|
312 | 338 | <item> |
313 | | - <title><![CDATA[The View Transition API]]></title> |
314 | | - <link>https://vtbag.dev/basics/api/</link> |
315 | | - <guid isPermaLink="true">https://vtbag.dev/basics/api/</guid> |
| 339 | + <title><![CDATA[Test Your Browser's View Transition Capabilities]]></title> |
| 340 | + <link>https://vtbag.dev/basics/test-page/</link> |
| 341 | + <guid isPermaLink="true">https://vtbag.dev/basics/test-page/</guid> |
316 | 342 |
|
317 | | - <pubDate>Mon, 25 May 2026 09:17:34 GMT</pubDate> |
318 | | - <description><![CDATA[Basics information about the View Transition browser API]]></description> |
| 343 | + <pubDate>Fri, 22 May 2026 14:32:02 GMT</pubDate> |
| 344 | + <description><![CDATA[Check what part of the View Transition API is supported by your browser]]></description> |
319 | 345 | <enclosure |
320 | | - url="/api-og.png" |
| 346 | + url="/test-page-og.png" |
321 | 347 | type="image/jpeg" |
322 | 348 | /> |
323 | 349 | </item> |
|
335 | 361 | /> |
336 | 362 | </item> |
337 | 363 |
|
338 | | - <item> |
339 | | - <title><![CDATA[Test Your Browser's View Transition Capabilities]]></title> |
340 | | - <link>https://vtbag.dev/basics/test-page/</link> |
341 | | - <guid isPermaLink="true">https://vtbag.dev/basics/test-page/</guid> |
342 | | - |
343 | | - <pubDate>Fri, 22 May 2026 14:32:02 GMT</pubDate> |
344 | | - <description><![CDATA[Check what part of the View Transition API is supported by your browser]]></description> |
345 | | - <enclosure |
346 | | - url="/test-page-og.png" |
347 | | - type="image/jpeg" |
348 | | - /> |
349 | | - </item> |
350 | | - |
351 | 364 | <item> |
352 | 365 | <title><![CDATA[The Turn-Signal]]></title> |
353 | 366 | <link>https://vtbag.dev/tools/turn-signal/</link> |
|
413 | 426 | /> |
414 | 427 | </item> |
415 | 428 |
|
416 | | - <item> |
417 | | - <title><![CDATA[Flickering during Cross-Fade Animations?]]></title> |
418 | | - <link>https://vtbag.dev/tips/over-exposure/</link> |
419 | | - <guid isPermaLink="true">https://vtbag.dev/tips/over-exposure/</guid> |
420 | | - |
421 | | - <pubDate>Wed, 21 Jan 2026 14:21:35 GMT</pubDate> |
422 | | - <description><![CDATA[Why custom fade animations for view transitions might flash.]]></description> |
423 | | - <enclosure |
424 | | - url="/over-exposure-og.png" |
425 | | - type="image/jpeg" |
426 | | - /> |
427 | | - </item> |
428 | | - |
429 | 429 | <item> |
430 | 430 | <title><![CDATA[The Cam-Shaft]]></title> |
431 | 431 | <link>https://vtbag.dev/tools/cam-shaft/</link> |
|
0 commit comments