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
Watch video Create Jaw-Dropping UIs with Simple Animated View Transitions and Container Queries online without registration, duration hours minute second in high quality. This video was added by user Jack Herrington 11 September 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 14,881 once and liked it 529 people.