Motion UI - User Interface Animation (2020)

In this video we’re going to look at a web development trend called Motion UI. Adding animation and motion to your site can be very cool and could add to the user experience. But we do have to be careful not to overdo it. When building your UI you always want to also consider the UX, the user experience. Too many animations can cause your site to become sluggish and unresponsive.

Today we are going to look at a couple of different ways to add animation to your site. First we are going to use plain JavaScript, without any libraries to animate some text on scroll.

-----------------------------------------------------------
Code from this video:
-----------------------------------------------------------

Check out @JavaScript Mastery for React and other great videos!
_____________________________________

📚 Learn to CODE in just a FEW months here:
_____________________________________

🛠️ Tools I use:

_____________________________________

💖 Show support!
_____________________________________

Watch Next:
_____________________________________

Connect With Me:
_____________________________________

** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.

#codeSTACKr #MotionUI #learntocode

[codeSTACKr]

Thanks for all of the support!!
Next up Learn Sass in 30 Minutes:

📚 My Favorite Web Design Books 📚
Web Design with HTML, CSS, JavaScript and jQuery Set by Jon Duckett (paid link)

[pierrickleroy]

Looks promising! Seems far more readable than React-Spring which I have always found
pretty difficult to understand and use. Definitely interested in more videos like those one. Thanks again!

[jideabdqudus]

Amazing, a newfound learning path for me

[AhmedKhan-rtoz]

Please make the whole series on React which would be best, i hope

[venusirpuram]

please make a video on how to set the font of VSCode, especially your font

[mocode]

Hi thanks for this tutorial ! I followed through but when I scale my text its not going through the transparent mask text. Any hacks around that ?

[yashagarwal]

Sir can you please make it responsive so that it will work on mobile devices too, i want to see that how it looka in mobile

[sirface]

I do not understand how to have red coding. Not blue. RED.

[HarshGrowl]

Hi codeSTACKr, can you tell me please what font you use in VS CODE, looks preeety cool for me, can you tell me please? Thank you.
And i have one question, vs code don't recognize the html extension of file, he recognize just .htm, this is a problem or its normal? Thank you
Also Cool video, i started learning HTML CSS a month ago, and i'm pretty excited to see how many cool things is possible to do with that. Big thanks for inspiration AND MOTIVATION.

[michaelmyers]

O saber e a iluminação divina
Nosso saber consta das nossas limitadas percepções e crenças...

Das primeiras, somos testemunhas diretas, das segundas, temos o testemunho alheio que nos fazem crer por meios de conceitos...

Conceito ao quais não podemos sentir, podemos apenas escolher acreditar.

Por isso vejo a minha fé, mas não posso ver a tua, assim como tu vês a tua fé e não podes ver a minha.

Podemos com razão dizer que há saber quando cremos em algo com certeza e dizemos que vemos com a mente essas coisas nas quais cremos, ainda que não estejam presentes aos nossos órgãos dos sentidos [...] Realmente, a fé se vê com a mente [...]

[jacksonnadar]

15:10 tell us why you are using those attributes