Cursor driven interactivity,, wow that's what i'm looking for thank you so much for introducing it.Within 21 min you summarize the Parrallax.Js from the scratch great.I'm always keen towards high level user interactivity and it is one of them.I have just enter into the ocean of UI and your tutorials are helping me a lot.Thanks again for making these wonderful tutorials and i'm looking forward for your next video.God Bless You ! Take Care & keep smiling ^_^
just some little workflow-tips: instead of using ctrl+sift+D to duplicat you could use ctrl+J. so no window pops up that u have to click or hit enter for to get rid of it. to get auto-select black arrow press ctrl and left click on your object you want to select. and last but not least for image-size you can use ctrl+alt+i instead of clicking ;) saves a lot of time bro (Y)
Hi if anyone tries this one and your browser gives you an error like " require is not defined or Parallax is not defined " you are using the non-compiled version of the library. either you should compile and use or you can download compiled version of the parallax.min.js file from here or you can use CDN now you good to go. the non-compiled version vest my half an hour hope it helps. github.com/wagerfield/parallax/releases cdnjs.com/libraries/parallax
damn bro this was my first video i saw of parallax and i have to say that was fucking well explained and demonstrated. it looks fucking easy just gotta up my photoshop skills now :) thanks for the upload and great job on the video!
Cudos for the video, but I'm interested in a little more... Could you direct me where can I learn to make the parallax movement as in the Matthew Wagerfield example (specifically the background move also when mouse is moved left-right to the edge of the screen)??
This is awesome and gives lots of inspiration! But, I have one problem and thus a question. How do you disable the parallax.js/or the effect on mobile devices, in particulair when you touch to scroll? It looks so beautiful on a desk/laptop, but the effect is hidious on a mobile. Or is there any way to work around that, besides disabling it? Like, display:none and use a new block for mobile view?
I created a div with links under my "bg" div, but I can't click on the links. When I hover over the bottom div the parallax effects on "bg" is still happening. How do I solve this?
Great tutorial as always :-), Could you by any chance show us how to make word template and ppt template many clients are asking for these things as part of identity package. Thanks
can't access the link you posted, is there any other way to access it? Also, where can I download or can you do a tutorial on how you coded the 1140.css? Please :) BTW your tutorial videos are amazing! It really is easy to to understand, however the websites/links are hard to access.
Awesome tutorial, but instead of centering your images with text-align use display: block; and margin: 0 auto; - it's better practice since text-align is for strings
Hi, this tutorial is very interesting and helpful, but in every practice when I'm applying the parallax.js, the browser always give me a Error alert as "Uncaught SyntaxError: Unexpected token import" and the Error exists in Line 9 in the parallax.js; the Line 9 is "import rqAnFr from 'raf'" what should I do to fix this error? Thank you~~
DesignCourse, your website does not work for Google Chrome, only Safari from what i know. Telling you cus the signing up and logging in work work. u might be losing fans! Nice vid
what a waste of time no source material is accessible via link provided please update... because right now it''s nothing but an entertaining show,,, with no real applicable value.
No jak dla mnie to masakra, strasznie chaotyczny tutorial, źle przygotowany, obejrzałam do końca, ale zmęczyłam się już po pierwszych dwóch minutach... "Sprawdźmy jeszcze to...", "Aha, wejdźmy jeszcze tu...", "Aha, zaznaczcie jeszcze to..." - no ja pier...!!!
Cursor driven interactivity,, wow that's what i'm looking for thank you so much for introducing it.Within 21 min you summarize the Parrallax.Js from the scratch great.I'm always keen towards high level user interactivity and it is one of them.I have just enter into the ocean of UI and your tutorials are helping me a lot.Thanks again for making these wonderful tutorials and i'm looking forward for your next video.God Bless You !
Take Care & keep smiling ^_^
Thanks for the feedback.
DesignCourse Make few more advance examples..
yo all my sickest front end skills are from watching your videos lmao, people think I'm a genius because of you my dude.
best tutorial on parallax on youtube.....
omfg dude, you explain everything step by step, somethink awesome. Thank you a lot for learning in easy way. :)
just some little workflow-tips: instead of using ctrl+sift+D to duplicat you could use ctrl+J. so no window pops up that u have to click or hit enter for to get rid of it. to get auto-select black arrow press ctrl and left click on your object you want to select. and last but not least for image-size you can use ctrl+alt+i instead of clicking ;) saves a lot of time bro (Y)
Nice tutorial, I like seeing something unique like this.
Great turorial!
Thanks man great vids! I subscribed. Cheers from Bulgaria.
great tutorial! really appreciate the time invested!
Thanks for this. Going to dive into your other tutorials
I like your channel so much , because of u learnt about many things
Really amazing tutorial and a great tutor... Danke!
Nice tutorial. I think data-depth for logos need a flip, so that large-logo will move faster than small-logo to get the right feel
Awesome video! Thank you again :)
Do the project files for this tutorial still exist? I can't find it anymore on your website
Hey thanks for the video! helped a lot! subscribed! greetings from Hamburg/Germany!
Notepad++ is a good free alternative to Sublime Text 2 and features the same, for those of you out there wondering
Hi if anyone tries this one and your browser gives you an error like " require is not defined or Parallax is not defined " you are using the non-compiled version of the library. either you should compile and use or you can download compiled version of the parallax.min.js file from here or you can use CDN now you good to go. the non-compiled version vest my half an hour hope it helps.
github.com/wagerfield/parallax/releases
cdnjs.com/libraries/parallax
thanks bro!
Thanks, I was bummed out for just a minute there.
Great video!!!!, what kind of microphone do you use?
Thanks. Shure KSM27, I purchased like 8 years ago for recording acoustic guitar. It was around $399 back then.
Thanks for responding! The quality is great! I have a at2020 but does not compare in quality : '( I hope soon to buy buy another!
Thank you man ! You save me from the long confusion... I have one question: is there a way to lock movement only horizontal ?
your project file link is not working
Muito bom os seus vídeos!
damn bro this was my first video i saw of parallax and i have to say that was fucking well explained and demonstrated. it looks fucking easy just gotta up my photoshop skills now :) thanks for the upload and great job on the video!
I am looking of the project files. Are they still available?
parallax.js doesn't work for me :(
Cudos for the video, but I'm interested in a little more... Could you direct me where can I learn to make the parallax movement as in the Matthew Wagerfield example (specifically the background move also when mouse is moved left-right to the edge of the screen)??
This is awesome and gives lots of inspiration! But, I have one problem and thus a question. How do you disable the parallax.js/or the effect on mobile devices, in particulair when you touch to scroll? It looks so beautiful on a desk/laptop, but the effect is hidious on a mobile. Or is there any way to work around that, besides disabling it? Like, display:none and use a new block for mobile view?
Nice tutorial, i thought it was gonna be harder to learn :P
I created a div with links under my "bg" div, but I can't click on the links. When I hover over the bottom div the parallax effects on "bg" is still happening. How do I solve this?
Awesome, it helped
the best tutorial, thanks for shared. =D
Great tutorial as always :-),
Could you by any chance show us how to make word template and ppt template many clients are asking for these things as part of identity package.
Thanks
can't access the link you posted, is there any other way to access it? Also, where can I download or can you do a tutorial on how you coded the 1140.css? Please :) BTW your tutorial videos are amazing! It really is easy to to understand, however the websites/links are hard to access.
Awesome tutorial, but instead of centering your images with text-align use display: block; and margin: 0 auto; - it's better practice since text-align is for strings
me watching this video after 7 years: You noob
hey man! thanks for this tutorial! the project files are no longer available, could you rehost them please? thank you!
Great vid. Is there any way of having a full 360 with parallax.js? Would it be in the js code? I downloaded the project files. Much appreciated!
Where is the project file bro?
@@shivambhaskar5737 on github
How can we use these parallax effect images and background image
how to add auto movements animation like in the demo?
Thanks Gary! :)
Can't download the files needed even after signing up :( ???
is the download link for the projet fieles broken?
I registered myselft, but still cant download them
If it was, now it is fixed. I just downloaded this project.
works now ! nr1
@@georgiterziyski can send the link of project file brother?
@@shivambhaskar5737 matthew.wagerfield.com/parallax/
thank you a lot :)
Hi, this tutorial is very interesting and helpful, but in every practice when I'm applying the parallax.js, the browser always give me a Error alert as "Uncaught SyntaxError: Unexpected token import" and the Error exists in Line 9 in the parallax.js; the Line 9 is "import rqAnFr from 'raf'" what should I do to fix this error? Thank you~~
cant find the project files...
thank you very much, GREAT JOB got 1 subscribed :D (y)
it has some issue github repository. use cdn instead of parallax.js file.
for those that want a good and free alternative to sublime text 2, I suggest Brackets by Adobe :) It's really good
Cant find the source file
OMG :D DAVE! So uptight! :D :D :D @DesignCourse
at a certain point it sarts expanding horizontaly
What is in your js folder?
Nothing, that folder is not supposed to be there. ;)
hm... my logos don't want to move :(
Works! My mistake was "depht" istead of "depth"
DesignCourse, your website does not work for Google Chrome, only Safari from what i know. Telling you cus the signing up and logging in work work. u might be losing fans! Nice vid
I can't see background ;c
what a waste of time no source material is accessible via link provided please update... because right now it''s nothing but an entertaining show,,, with no real applicable value.
Will you ever mess with intro.js ?
nothing works
I'll just download it and change the pictures.
HELP ;c
No jak dla mnie to masakra, strasznie chaotyczny tutorial, źle przygotowany, obejrzałam do końca, ale zmęczyłam się już po pierwszych dwóch minutach... "Sprawdźmy jeszcze to...", "Aha, wejdźmy jeszcze tu...", "Aha, zaznaczcie jeszcze to..." - no ja pier...!!!