Pretty & simple: how to use Webflow variables in client builds

Diego Toda de Oliveira, award winning Webflow developer, will join host Aron Korenblit to show how he's using Webflow variables in client builds.

Inspired by Diego's build of https://www.givingli.com/, he'll explain how variables reduces class bloat, how he uses variables to smoothly transitioning colors between sections and how to use them to easily animate SVGs.

Get the cloneable and more: https://wfl.io/livestream-variables

0:00 Starting soon
2:10 Introduction
4:34 Welcome Diego
6:21 What are Webflow Variables?
8:04 Variables in action in the Givingli website
11:03 Implementing variables in a build
17:27 Transitioning colors between sections with variables
31:05 Animating SVGs with variables and CSS
38:00 [Q&A] Can we use percentage variables to animate the SVG?
39:45 [Q&A] Can you set the transparency of color variables?
40:25 [Q&A] Can timed animations be used instead of scrolling animations?
41:00 [Q&A] What else could we animate with variables?
42:55 [Q&A] How to change color of an SVG using variables?
45:15 [Q&A] Are there ressources in Webflow University about variables?
45:56 [Q&A] Keeping in touch with Diego
47:20 Words of advice from Diego
48:25 Credits!

See you in 2024!