Technologies for creating animations in web design

[Krei]

Hi, I am writing an article about advantages and positive aspects of animations in web design and I have included some technologies that make animations in web design happen. In particular, Html5, CSS and JavaScript. I am struggling to shortly describe how each of them work in the making of an animation. I want something short and easy for my readers to understand because this is a non-fiction blog article.

 

[fisicx]

Hi @Krei and welcome to UKBF.

that’s a pretty huge topic to cover. Can I suggest you pay someone to explain each of the technologies. It would take me hours just to do html5. I would gain no benefit in passing on all my experience to you.

 

[The Byre]

I am struggling to shortly describe how each of them work in the making of an animation.

And?

The key to writing a simple explanation of a technology that non-specialists will understand is to really understand that subject yourself. If you don't understand it, then there is no point in someone else trying (and almost definitely failing) to explain it to you!

 

[ARKA Softwares]

You can make animations with HTML5 by combining HTML, CSS, and JavaScript (JS), with which you can create shapes. Also, you can regulate animations and edit images, video, and audio by means of JS or CSS elements.

But it's a big task to learn without anyone and it takes a lot of time.

 

[Eclectik]

I just discover the Lotties the other day, maybe you want to check it out... https://lottiefiles.com

 

[gpietersz]

The key to writing a simple explanation of a technology that non-specialists will understand is to really understand that subject yourself

As the OP has not even mentioned several technologies for animation such as this: https://codepen.io/cgruber/pen/jWmPZz or this: https://akirodic.com/p/jellyfish/ I think we can assume someone who knows nothing about it or is not being clear about what they want (simple animations of HTML elements only)