Create Jaw-Dropping UIs with Simple Animated View Transitions and Container Queries
Using container queries in combination with view transitions makes for some fluid and engaging UIs. And it just gets better when you bring in a powerful asset mangement provider like Cloudinary. This video is sponsored by Cloudinary.
Cloudinary Discount: https://cloudinary.com/developers?utm...
👉 Upcoming NextJS course: https://pronextjs.dev
👉 Code: https://github.com/jherr/astro-contai...
👉 Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ
👉 Discord server signup: / discord
👉 VS Code theme and font? Night Wolf [black] and Operator Mono
👉 Terminal Theme and font? oh-my-posh with powerlevel10k_rainbow and SpaceMono NF
00:00 Introduction
01:08 Astro + Tailwind Setup
02:57 Container Query Basics
04:59 Integrating Cloudinary
08:46 Building The Home Page
10:00 Building The Product Grid
11:42 Adding View Transitions
14:42 Adding Cloudinary AI