From b2195de84f6895c2db0601c07ec1320a9e8666c8 Mon Sep 17 00:00:00 2001 From: Martin Trapp <94928215+martrapp@users.noreply.github.com> Date: Fri, 4 Oct 2024 23:14:44 +0200 Subject: [PATCH] advertisments --- src/content/docs/vtbag.mdx | 15 ++++++++++++--- 1 file changed, 12 insertions(+), 3 deletions(-) diff --git a/src/content/docs/vtbag.mdx b/src/content/docs/vtbag.mdx index 7eafcf8..a8e4272 100644 --- a/src/content/docs/vtbag.mdx +++ b/src/content/docs/vtbag.mdx @@ -5,11 +5,20 @@ description: What are those Bags of Tricks? @vtbag is a comprehensive suite of tools, tips, and tricks to make your experience with the View Transition API smoother and more efficient. -You’re getting an early view at this site with the first tools in the suite: the [Inspection Chamber](/tools/inspection-chamber/), the [Element-Crossing](/tools/element-crossing/) and the most recent addition, the [TurnSignal](/tools/turn-signal/). +### Tools +The site already got some interesting tools to offer: +* The [Inspection Chamber](/tools/inspection-chamber/), a in-browser devtool that allows you to interactively put your view transitions through their paces. +* The [Element-Crossing](/tools/element-crossing/), which allows you to move state across browser-native cross-document view transitions. +* The [TurnSignal](/tools/turn-signal/), which sets view transition types so your CCS rules can style backward animations different than forward animations. +* The [CamShaft](/tools/cam-shaft/), which bumps your view transition images into place to avoid unexpected pseudo-smooth-scroll effects. -More tools are in the pipeline, and I’m eager to hear your feedback and learn [what would be most valuable to you](). +More tools are in the pipeline, and I’m eager to hear your feedback and learn [what would be most valuable to you](https://github.com/vtbag/website/issues/new?assignees=&labels=enhancement&projects=&template=feature-request.yml). -If you're new to view transitions, be sure to [check out the view transition examples](/basics/examples/) on this site to get started. +### Basics +If you're new to view transitions, be sure to [check out the view transition examples](/basics/examples/) on this site to get started, as well as the other basic information on view transitions. + +### CSS Tips & Tricks +The third block contains practical tips and tricks for styling view transitions. ## Technology