Mini Course Part 1: AWWWARDS Remade - Form Studio - Video Scale on Scroll With HTML, CSS and JS

Hi guys,

In this video we will create the hero, about and video sections. We will also be implementing the video scale to viewport transformation on scroll.

We will only be using vanilla JavaScript for this project.

Thanks for watching.

Conor

[benjamin]

This is great!!!! Would love to see a big ass course from you some day. Thank you for this.

[frozentoy]

Brilliant! Cant wait for the rest of them. Also I'd like to point out the nice pace in your videos. So precise and chill to code-a-long. Thanks a lot Conor.

[elcho]

Conor, your content is unique and on another level, thank you for sharing your knowledge, much appreciated.

[irfansaeedkhan]

awesome, finally something practical on youtube

[hellothere]

I am looking forward to this series! Thanks!

[aozora]

Instead of targeting each separator you could have used flexbox in the parent container and set justify-content : space-evenly.

[snsa_kscc]

Great! If you manage to pull everything off without using framer or gsap this is gonna be epic. 😃

[atharvsabale]

mine is not working what should i do stickey div is not working

[recursion.]

Sick site but is there a way to make cursor more responsive?

[ArmingWealth]

please some help i feel like giving up at this type I have the app.js in a file js like in the video but when the function createProject() is exported I import it in my app.js it stops working every animation or transition it just stops idk why even tho I have the script in type="module" for the app.js but nothing heeelp please

[xfnwkvn]

when i download flile and open project it is not works

🤔☹