Uploaded September 2023 | Updated September 2026, 2 weeks ago
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: cloudinary.com/developers?utm_content=astro_container_queries&utm_medium=video&utm_source=youtube&utm_campaign=jackherrington
👉 Upcoming NextJS course: https://pronextjs.dev
👉 Code: github.com/jherr/astro-container-queries
👉 Don't forget to subscribe to this channel for more updates: bit.ly/2E7drfJ
👉 Discord server signup: discord.gg/ddMZFtTDa5
👉 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
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: cloudinary.com/developers?utm_content=astro_container_queries&utm_medium=video&utm_source=youtube&utm_campaign=jackherrington
👉 Upcoming NextJS course: https://pronextjs.dev
👉 Code: github.com/jherr/astro-container-queries
👉 Don't forget to subscribe to this channel for more updates: bit.ly/2E7drfJ
👉 Discord server signup: discord.gg/ddMZFtTDa5
👉 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
