Skip to content

Commit

Permalink
advertisments
Browse files Browse the repository at this point in the history
  • Loading branch information
martrapp committed Oct 4, 2024
1 parent 5cd0dbf commit b2195de
Showing 1 changed file with 12 additions and 3 deletions.
15 changes: 12 additions & 3 deletions src/content/docs/vtbag.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down

0 comments on commit b2195de

Please sign in to comment.