Parallax On The Web (Part 3) – Landing Elements

I like it

You are awesome Travis tnx!
You help me a lot!

What Tool do you use to measure something in a website?

Hey Travis, I am having a problem following along with you on the skeleton import. it wont work for me. I need more specifics on how to properly set up my files so I can continue along with you. I have installed sass and have your GitHub files in a folder like you. Thanks for any help.

your videos and way of going is awesome. keep it up.............................

Hi,
You can receive a second parameter on the each function parameter that will be the figure itself:

$('.clothes-pics figure').each(function(i, FIG){
setTimeout(function(){
$(FIG).addClass('is-showing');
}, 150 * (i + 1));
});

Awesome videos would you able to do facebook like status box in html css and javascript
please :) :) :)

Amazing classes. i wish i had teachers like that in school before.
Really learning much and its kinda a relaxing way to study watching ur videos.
Keep up your awesome vibe and thank you so much for sharing all this knowledge.
Greetz,
David

im having a problem with that &.clothes-pics because i dont want to start using yet (noob) can you plz tell me how to make it work as a normal css code ? i tried some tricks but none of them works for now

does this code will work with HTML?

I m working at my first bigger project own page . I found your canal , you are great man You can explain everything step by step ,you helped me a lot . Greetings from Poland .

i would say again u r awesome (Y)

man this is great explain but what about responsive ?

hey,sir~i found a problem that i downloaded the pics from your github.but when i put the image to img tag,i found it too big,so how can i get the effect like backgrond-size:cover in img tag?

Thanks to this series I really understand parallax effect. Thanks dude!

Nice videos man, but you should definitely do tutorial on debouncing and throttling, you can't just do scroll function like that

you can call me friends :) haha i guess you benefit me so for me you are friend with benefits :D :)

Thank you!!!!!!

Fantastic, thank you a lot - learned so much in this short time and highly motivated!

Can anyone teach me how I can repeat the animation every time it reaches the appropraite height ($(window).height() / 1.2)?? I've read I can use removeClass but I can't seem to figure it out myself.. +DevTips, Travis, can you help me out buddy?

yo dev is there a way you do tutorials in windows and a compete website

louis lit's brother?

what was the grid system you were using in this video?

you really should've made a video for the navbar too.

GREAT VIDEO MANNNN

can i like this video, more than once ?:D

hope you use css not sass for tutorial because i am a little bit confused in sass . :((

anyways you always inspire me to code!! God bless you more!

This is very informative. Thank you!

I have my fair share of watching tutorials, but DevTips stand out by far. Perhaps you should monetize it more at Udemy.

Best Friends.

Could you make each row of pick come in at 20% into the viewport by pointing the function at the rows and not the overall container? Seems like it would be cool to see each row animate as you scroll.

I always learn so much about so many different things from your videos- keep up the great work! Thanks!

how do we write
&.is-showing

in normal css ? please :(

Hi all, can some one give me an advice, how should i apply Parallax effect on the item when element is around 2000px far from the top of the page? (because if i make wScroll/2 it will go bottom by 1000px),

What's the difference between >>>setTimeout(... , 500 * (i+1))<<< and >>>setTimeout(... , 500 * i)<<< i cant see any change. Thanks for video Travis :)

offset().top is not working in google

hey dear your github zip files cant open please cheek

Adding a class with a dot in it... Story of my life :P

what else you dont know

Hi Travis, Thanks a lot for the amazing tutorial. I am just a new bird to learn web design. Could you or anybody please tell me which program did you use to separate the index, layout, and functions? Can I put the scripts in Dreamweaver? Looking forward to your answer. Thanks!

I miss him. He program so nicely...

Thanks to this tutorial! It's so useful for me.:)

Te quiero mucho Travis (Y a ti Los, aunque no estes en esta serie) <3

dude you're amazing! how are u so chill, can u recommend me what u do to be that chill? what are you taking?

This is the first series of yours that I've watched, but its already one of my favorites. You attitude is so positive, but not in the fake kimmel kind of way. Keep rocking in the free world, man!

im get error Unable to get property 'top' of undefined or null reference can u fix it?