Тёмный
No video :(

Easy Vue Animations with MOTION ONE 

LearnVue
Подписаться 46 тыс.
Просмотров 29 тыс.
50% 1

Опубликовано:

 

29 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 37   
@wduandy
@wduandy 2 года назад
Dude, this channel is a gem.
@LearnVue
@LearnVue 2 года назад
aye thanks a ton :)
@sphxshorts2838
@sphxshorts2838 Месяц назад
TY man. Its really easy
@RodrigoDAgostino
@RodrigoDAgostino 2 года назад
I prefer to stick to traditional CSS/SCSS to create my transitions and animations, but this library looks pretty interesting. I will definitely be taking it for a spin :) Thank you!
@LearnVue
@LearnVue 2 года назад
my default tendency is to use CSS animations, but i could see myself using libraries like motion one helpful for the timeline aspect!
@RodrigoDAgostino
@RodrigoDAgostino 2 года назад
@@LearnVue yes, exactly! That’s the feature that actually caught my attention :) I’ll see if I can give it a try this weekend. Thank you!
@galewallblanco8184
@galewallblanco8184 2 года назад
Very nicely explained, brief and short with concise information. Thank you for this video
@LearnVue
@LearnVue 2 года назад
Glad it was helpful!
@eliranmauda
@eliranmauda 2 года назад
Give us more animations! That was great!
@kissu_io
@kissu_io Год назад
The fact that it also works while the main thread is blocked is quite gucci too!
@676005ga
@676005ga 2 года назад
Thank you for making awesome videos. I would like to learn how to make a small Vue component library. A button would be enough! I want to learn how these libraries were built.
@LearnVue
@LearnVue 2 года назад
that's a great suggestion - definitely added to the queue. be on the lookout 👀
@676005ga
@676005ga 2 года назад
@@LearnVue Thank you for taking it into consideration!
@cindysi63
@cindysi63 Год назад
Very cool library. thanks for letting us know. nicely explained video.
@realpro8728
@realpro8728 2 года назад
Did motion one has scroll trigger plug-in ?
@olatunjiolakunle6908
@olatunjiolakunle6908 2 года назад
Great video, but I think gsap is great also, has a tonne of features too.
@LearnVue
@LearnVue 2 года назад
thanks! gsap is also pretty dope. Liike all things programming, it ultimately comes down to requirements and preferences. Two of the biggest appeals of Motion One is its extremely small size (the core animate function is just 3.3kb and also the fact that it executes off the main JS thread, meaning that long synchronous functions will not cause the animations to lag!
@olatunjiolakunle6908
@olatunjiolakunle6908 2 года назад
@@LearnVue thanks for the reply. Didn't know that(2nd reason) about gsap
@aislanarislou
@aislanarislou 2 года назад
gsap is paid
@RobertWildling
@RobertWildling 2 года назад
@@aislanarislou That's not true. You can get additional features, when you become a member. But gsap is free.
@ryanestabillo7062
@ryanestabillo7062 9 месяцев назад
@@RobertWildling it's paid for commercial use.
@ThiagoSilva-vh9fy
@ThiagoSilva-vh9fy 2 года назад
Very cool lib !! But if the motion component has some nested other components ? For example a div or a list, it'd follow the parent component animation ?
@marcop.7278
@marcop.7278 2 года назад
The onMounted() function doesn't seem to work for me. Is this function deprecated? Note that I am using the function with a parameter props (this is necessary because the animation is different based on input). If this is not possible, how else would I use props with this kind of animation?
@NavoNova
@NavoNova 2 года назад
Is there a way of only playing the animation when the user reaches that part of the page? I can't find this in any of Motions docs.
@rasimkurbanov6897
@rasimkurbanov6897 Год назад
Could someone tell how to use inView and scroll of Motion One in Vue 3?
@Lucas-mu5no
@Lucas-mu5no 2 года назад
You are awesome, thank you so much =D
@bobarndt862
@bobarndt862 2 года назад
For the benefit of anyone born before 2010, what does "dope" mean? I thought it was street drugs or a dumb person. By the way, your videos are superb. You have the best grasp of Vue of anyone I've come across.
@mbabb
@mbabb 2 года назад
“dope” is this context means “cool”, or “nice”
@LearnVue
@LearnVue 2 года назад
haha yup. i must've been really comfortable when making this video! but thanks for the kind words 💚
@bobarndt862
@bobarndt862 2 года назад
@@mbabb Thank you. Now I'm hip.
@RodrigoDAgostino
@RodrigoDAgostino 2 года назад
“Dope” has definitely been around for the last 20 years at least (with this particular connotation), and I’m saying that as a non-native speaker born in the ’80s ;P
@Voltra_
@Voltra_ 2 года назад
Think of it as a second Amazing
@chikenmacnugget
@chikenmacnugget Год назад
Hmmm, the examples are pretty easy. I don’t understand why we need to take a lib while we have css animation for these cases
@brunoberrehuel4833
@brunoberrehuel4833 2 года назад
Really love your videos, keep on the good work ;-)
@augischadiegils.5109
@augischadiegils.5109 2 года назад
♥️♥️♥️♥️
@SuperRoqsta
@SuperRoqsta 2 года назад
As i mentioned before. See new video, like new video!
@LearnVue
@LearnVue 2 года назад
always appreciate your support 💚
Далее
Easy Loading Screens with Vue Suspense Components
4:29
Animating Vue Router Transitions in Vue 3
12:08
Просмотров 51 тыс.
TresJS - Animate your 3D Objects with Vue
14:32
Просмотров 2,2 тыс.
You're Probably Using Nuxt Wrong
5:16
Просмотров 21 тыс.
Vim Tips I Wish I Knew Earlier
23:00
Просмотров 59 тыс.
~/.dotfiles in 100 Seconds
13:54
Просмотров 416 тыс.
Vue Slots Simplified
7:25
Просмотров 55 тыс.
The Story of Next.js
12:13
Просмотров 569 тыс.
Vue Animations in 3 Lines of Code. (VueUse Motion)
10:27
How to Make Spacing Feel "Perfect"
10:31
Просмотров 38 тыс.