Animating between states is SUPER EASY thanks to the View Transition API!

  Рет қаралды 5,995

CSS {de}Coder

CSS {de}Coder

Күн бұрын

Пікірлер: 20
@coder_117
@coder_117 4 ай бұрын
I don't know what's more impressive your video quality or your clear understanding of the tools that you're using. Excellent video.
@CSSdeCoder
@CSSdeCoder 4 ай бұрын
Thank you so much!! Happy that you found this useful!
@clevermissfox
@clevermissfox 4 ай бұрын
I've been soo excited about this API since I first tried it last fall. Now it can work cross-pages too! When will we get production level support 😭 Firefox I'm looking at you!
@CSSdeCoder
@CSSdeCoder 4 ай бұрын
@@clevermissfox I agree! This API is so much fun to experiment with, I'm only scratching the surface here. It will be great once it's fully supported, but at least we can provide a fallback for Firefox. Thanks for watching!
@hakiinep
@hakiinep 4 ай бұрын
Your teaching style is truly engaging and insightful! I love how you break down complex topics into easy-to-understand concepts.
@hakiinep
@hakiinep 4 ай бұрын
If you could create more projects that explain JavaScript concepts in detail, that would be fantastic!
@CSSdeCoder
@CSSdeCoder 4 ай бұрын
Hey @hakiinep ! So glad these videos are helpful! Breaking down these new features also helps me understand what's going on under the hood. Let me know what concepts you'd be interested in seeing. Thanks for watching!
@ozgurNY
@ozgurNY 2 ай бұрын
Thank you!! Your explanation is great!
@rolobuilds
@rolobuilds Ай бұрын
Excellent explanation!
@OlamideOnabiyi
@OlamideOnabiyi 2 ай бұрын
This helped me today 😁
@EduardoRiganelli-h4s
@EduardoRiganelli-h4s 4 ай бұрын
Thanks for sharing this!!
@corben3348
@corben3348 3 ай бұрын
very good !
@vsueiro
@vsueiro 21 күн бұрын
Wow, thank you so much! I actually have a practical idea of how to implement it! Google’s video was nice but I couldn’t really follow along
@yousefosman8094
@yousefosman8094 3 ай бұрын
Once this transition is more widely supported, GSAP is gonna take a heavy hit
@WPCookie
@WPCookie 4 ай бұрын
I wish the screen was zoomed in a bit more; it's difficult to see the code you're typing.
@CSSdeCoder
@CSSdeCoder 4 ай бұрын
Hi @WPCookie! Thanks for the feedback, I'll keep that in mind for the next video. In case you missed it, here is the link to the code on GitHub: github.com/Alliemack77/view-transitions-photo-gallery
@nickwoodward819
@nickwoodward819 3 ай бұрын
Not finished the video yet, but I'm 100% sure it's waaay better than google's docs on the topic, so thanks! Just some feedback if it helps - an intro might help your videos feel a bit less... I can't put my finger on it - AI like? Formal? Like the start of an ad? Perhaps it's an issue of it being *too* clean and well presented. I dunno, but it took me to the coding part to think 'oh, this might be her real voice/it's not an AI voiceover'. Don't take it the wrong way, looking forward to the rest of the video!
@nickwoodward819
@nickwoodward819 3 ай бұрын
Finished it. MUCH better than Google's docs, thanks!
@CSSdeCoder
@CSSdeCoder 3 ай бұрын
Thanks for the helpful feedback @nickwoodward819 and so glad you found it useful! I do write my own scripts and record myself reading from them, so I agree it can sound a bit formal sometimes. It's something I'm working on improving. Thanks for watching!
@nickwoodward819
@nickwoodward819 3 ай бұрын
@@CSSdeCoder It was really only the intro that I felt it, the rest was perfect!
Simple SvelteKit Page Transitions Using The View Transitions API
21:42
The CSS Display Property is Changing Forever
15:20
Web Dev Simplified
Рет қаралды 72 М.
Мен атып көрмегенмін ! | Qalam | 5 серия
25:41
СИНИЙ ИНЕЙ УЖЕ ВЫШЕЛ!❄️
01:01
DO$HIK
Рет қаралды 3,3 МЛН
My scorpion was taken away from me 😢
00:55
TyphoonFast 5
Рет қаралды 2,7 МЛН
HTMX and the View Transitions API
20:21
BugBytes
Рет қаралды 15 М.
CSS-Only Page Transitions That Will BLOW Your Mind!
4:13
Hemant Dutta
Рет қаралды 6 М.
Learn every CSS Animation property | Complete Guide
10:56
CSSnippets
Рет қаралды 11 М.
Please stop using px for font-size.
15:18
Coder Coder
Рет қаралды 247 М.
It's time to talk about these UI trends
9:09
Juxtopposed
Рет қаралды 489 М.
Award Winning Animation With Only 20 Lines Of CSS?
6:59
Hyperplexed
Рет қаралды 1,9 МЛН
A flexbox trick to improve text wrapping
5:02
Kevin Powell
Рет қаралды 226 М.
The Simplest Tech Stack
9:38
Awesome
Рет қаралды 140 М.
10 CSS PRO Tips and Tricks you NEED to know
9:00
Coding2GO
Рет қаралды 110 М.
Мен атып көрмегенмін ! | Qalam | 5 серия
25:41