Creating Touch-Friendly Parallax Effects with Atropos.js

[@DesignCourse]

Hey all, be sure to check out and enter your email at designcourse.com -- It officially releases on January 4 of 2022!

[@AdamsTaiwan]

Can you hook that up to phone tilting?

[@suhas5214]

4:12 there is a toggle in the VScode settings "Format on Paste". Try using that to have the divs aligned. You can directly search it in the settings and its a simple toggle. Lemme know if that helps 😄

[@charliecoppinger]

Huge, thank you Suhas!

[@anuragpal02]

Scrimba *recently* released its frontend developer course. - Scrimba since 2 years

[@DesignCourse]

Good point, I'll update that.

[@alwynjohn597]

You hairstyle looks so cool...happy to see your tutorial notification.

[@DesignCourse]

My hair says thank you. Glad you saw it, seems like less people these days see the notification :[

[@michaelnorton6630]

Gary styles it with CSS!!😆 Great video as always!!😎

[@richardtbohnen5070]

I remember trying this a while ago but it didn't work. Will give it another try. update: It creates a strange box-shadow for some reason, both on chrome and firefox (before doing any styling what-so -ever). To fix this add " shadow: false, " so it looks like: const myAtropos = Atropos({ el: '.my-atropos', // rest of parameters shadow: false,

[@EvaLasta]

Wow your hair grew really fast! It looks so much better long

[@DesignCourse]

Ty. It's going to get longer. ✂ 🚫

[@niteshkrsah2222]

Which theme you are using its really beautiful

[@hexlmaoxd]

does anybody know how can i remove the default spotlight i am getting while i put the image in atropos-inner container? i have a pending project if anyone knows please assist.

[@codi5248]

Hi there! Cool video, I was wondering if there was a way to embed this into Webflow? Thanks in advance!

[@jrnin]

is there how to add this in some wordpress theme?

[@vernonzehr]

hate to be an idiot but where exactly do you download the Atropos files instead of using NPM? I can't seem to locate this.

[@vernonzehr]

nevermind. I had spent a bit of time trying to use npm and nvp for the first time and was able to install Atropos but couldn't get it working so looked for other options and found your video. I was able to find those files in the installation directory when trying to set up npm with Atom. p.s. Oh and I just switched to Visual Studio Code. I long for the old days when web dev was simpler and we all got excited about a brand new technology called "animated gifs" that only worked in Netscape.

[@JacobCanote]

I appreciate that you do not use the package manager (NPM). It adds a layer of management that is not necessary to make a good tutorial/demo.

[@oooe3673]

so cool, ty so much :)

[@solomonakinbiyi]

Please what software do you use for your screen recording, Gary?

[@suhas5214]

OBS

[@DesignCourse]

vMix.

[@solomonakinbiyi]

@@DesignCourse thank you

[@solomonakinbiyi]

@@suhas5214 thank you

[@joanapaulasoliveira]

Awosome!!

[@mindaugasmaslauskas1213]

26 minutes just to move some box.. jeez

[@DesignCourse]

I could move a box in about 1 second by pushing it off a table. But to code this from scratch pretty much in real time without leaving out steps?!

[@mindaugasmaslauskas1213]

@@DesignCourse you are right. I am going to like the video