Parallax Landing Page - Rellax.js

[@TraversyMedia]

If you want to skip the HTML/CSS, go to 13:10....Hope everyone is healthy and staying safe!

[@wassimbelhadjrhouma7979]

Thank you Brad you're very kind

[@MULTICODE]

Thanks, looking more on laravel with Angular together.

[@mostafaalmahmud]

Thank you very much Brad, also looking more videos on Electron.

[@eddytech3767]

Yes sir, and still learning

[@MaxProgramming]

Sir do you have a discord server? If you have could you pls send me the invite link? I want to join it and have more people to talk with

[@skimmer9190]

I love it when you upload a new video everytime.

[@bmehder]

KZbin should allow people to give multiple thumbs up for Brad's videos!

[@HarpreetSingh-cz2zh]

Hope you and your loved ones are safe Brad and everyone else who reads this. Thank you for these videos, helping me stayed focused on skill developments.

[@Colstonewall]

I think when I say, Thank You Brad, everyone agrees with that sentiment.

[@praveenkumar4644]

You know what Brad now I don't need to watch your full video you have taught me so well that now I can go out in the docs and implement my own solution. But keep posting these kind of library videos helps to explore a lot. Stay safe. Stay at home

[@arjunshinde7]

After completing your html and css course, I will definitely try out all your youtube html css tutorials. You are actually my Guru. Thanks for everything.

[@ScottPlude]

Thanks Brad! So much panic and drama in the world. It really does take the BS down a notch when I see you conducting business as usual. As always, I love your content and your delivery style. So many people in the tech industry seem to be a bit too sure of themselves but I could totally see myself at a BBQ having a beer with you. I can't wait to see the next thing you create!

[@caesar1625]

I almost finished my portfolio website but felt like it wasn't as good as I wanted. However, I wasn't sure how to improve it. Then I found this tutorial. Very helpful. Thanks Brad.

[@Владислав-я9з]

Thank you Brad😍 from Ukraine.

[@sicario55]

Arguably the best channel .... Thank You Brother

[@gogogogogogogogogogog9]

u reached 1 million subs but u deserve 10 + million subs thanks for all these awesome videos

[@YattishRamhorry]

Thank you. This is a beautiful landing page. I followed along, and built it myself. I can see many ways of putting this to good use. Who needs a mobile app, when you can have a really beautiful and responsive website

[@hassantariq8847]

Amazing 👌 I was not in touch with design n development for more then 5 months. I feel relaxed now by watching your videos ❤

[@TraversyMedia]

Glad they help :)

[@jdhage89]

Really appreciate your videos. You explain concepts concisely and, overall, your videos are often better than all the paid content scattered across Udemy and other sites. Thank you so much!

[@khalifmahdi]

Thank you very much for this tutorial! Stay home, Stay safe! Following you from Iran with ♡!

[@portuguy]

Wow! So simple and so interesting. Thanks for making learning fun, and showing us this cool library. Stay healthy and stay safe

[@igor9919]

Just another bla bla comment to reinforce how awesome Brad's tutorials are :)

[@jdevcast6527]

Really good walkthrough for this useful parallax effect.

[@ayushwebmaster]

Can we use Bootstrap with Rellax.js ?

[@allen6269]

Thank you so much for taking time to make these videos Brad. Really appreciate your effort. Stay safe buddy :)

[@milosander5249]

Simply the best. Thanks for your efforts and encouragement. 🏆🏆🏆

[@chrisranes7964]

Great video Brad! I am looking for a place that will take a color palette that I enter, and show me where colors from that palette should go. Colors are not my strong suit.

[@zambisaidu9407]

Love you from india 🇮🇳 😍😍😍

[@SaddamHusain-fu4md]

It is very stunning I really loved it, please attached pictures, fonts, etc materials links so we can try to create a copy of work suggestion from my side because I can't found images like that for own practice... Thankyou...

[@subscribeplease4875]

Stay safe man. We love you.

[@jeff-wo6mm]

Really cool looking landing page. Simple stylish design. Thanks for the tut!

[@aniskarim1934]

Thanks Brad, Take care and stay away from coronavirus.

[@cybergates597]

Thank you so much, Brad... You are awesome and you inspire me as alot. I'm really hoping to get to your level one day...

[@rifeynman]

This is amazing, great content Brad

[@cyb3rboy1986]

I forgot Brad i just want to say happy one millions sub❤️

[@whipstitchwebwork1383]

I think you should do a tutorial on Framer Motion for everyone learning animations. I think parallax is great to know, but physics based animation is the real deal. Prolly good to get it out before Framer web hits. We'd do it, but we don't like sharing our genius. No, seriously you have teaching talent. It would be great for your peeps and it's so simple.

[@qasimshah3372]

can we use it with bootstrap for the responsiveness?

[@bobbynicholson5329]

Thank you homes! I was just building and landing page and this one gives inspiration.

[@Seb16291629]

Looks amazing . Nice

[@abousaidsalaheddine4549]

You are the best, i like what you do.

[@kirant9339]

I love your videos it is very helpful for me really it is great 😊

[@briannock5300]

In the video you use "section-top" etc. for the section classes but if you do that and just copy over the css from codepen it doesn't work (some of the sections merge) but I figured out that if I added "section section-top", like it is in the codepen, everything works fine. I just wanted to comment incase others ran into this issue.

[@mohdsarfraz1816]

big brother thanxx for everything....allah will bless you with lots of success health and wealth

[@user-ob5qv3hi8s]

İ m learning many things from you at home. We are also in lock down

[@acke5180]

Great content Brad!

[@jonathonkiner7415]

How do I bring in Rellax if I already have a javascript file in use? It doesn't seem like there's a way to have multiple javascript files in one project.

[@TKomoski]

Anything on Push Notifications I see you have done at least one. But any down and dirty quick one you can touch on ~ Thanks

[@amakanwachukwu3999]

Could you possibly do a course on Typo3 CMS and Neos CMS? There aren't any up to date tutorials on them

[@krowwweee2918]

Like, comment, watch. Ty Brad!

[@PawanKumar-tu6ti]

I downloaded the code base, but can not use it! I tried to put the things in one folder with the same name that you gave in the code editor, but things don't seem to workout!! Only the things implemented right here in the HTML file loads up and next things don't. Please help me out in that regard.

[@Omerko]

Wow! This looks amazing. Thanks!

[@AddviceWorld]

Travery can I use this example for my website? I'll appreciate you. And thanks for all you have done and still doing... I'm learning a lot about website with your help. Thanks... Keep it up...

[@Scrubzei]

It's not like he invented this trend, use whatever you see fit

[@primecars9747]

Amazing video Brad! Might seem like an off topic question but what MacBook do you use? Do you think Air 2020 is enough for front end development? Would love to hear your thoughts on this! Also, you just gained yourself a sub!

[@mjmoosavizade8355]

Can you do more of this JavaScript libraries?

[@bikisaha2992]

Hi!, please help me out in convert this array var [-1, 0, 12, 5, -23] to [1, 0, -12, -5, 23] without using loop.

[@abulkonkeez]

let arr = [-1, 0, 12, 5, -23]; arr.forEach((item, index, arr) => arr[index]=-item); or use map arr2 = arr.map(item = > -item)

[@bikisaha2992]

@@abulkonkeez thank you

[@FullStackLife]

[-1, 0, 12, 5, -23].map(x => Number((x * -1).toPrecision())); //if you need to kill the -0 thing

[@JohnWeland]

Great video dude. You should do a tracking app/dashboard fro this COVID-19 stuff. I hear there are APIs out there for polling the data.

[@yahyaharun6161]

Server is started at 5500 but failed to open in Browser Preview. Got Browser Preview extension installed? *Please can you fix this problem in vs code* _Thanks For Helping and supporting us_

[@gravityarm9240]

Brad do you using Bem methodology? I mean naming

[@rangabharath4253]

Awesome as always

[@sumitsinha562]

Thanks for this really cool Parallax Effect, please do some tutorials on GSAP also.

[@Ctrl_Alt_Elite]

Do you think it's overkill to use React when creating a portfolio website?

[@piximdesign]

How to create multiple languages website

[@qaczy]

@Traversy Media can you recommend some website where I can get some plain backgrounds like that you got in that project? Usually I find just high resolution .jpg that are hardly to use in minimalistic websites. It can be with watermark, I just need it for practice, projects to portfolio :) Be healthy and wealthy!

[@infiniteiron]

unsplash

[@TKomoski]

You missed a closing tag of

[@Deathwisher069]

Why don't I get notification though it is set to all.

[@idrisAkbarAdyusman]

nice vid again... next please make a tutorial about google drive api, thank you

[@somare2364]

Great video, but it doesn't seem to be working properly for the mobile view!

[@mhrajon9558]

I am learning basic JS but soon I am about to start React JS or Vue JS or any JS library or Framework whatever, at this point. I don't know what option to pick. I don't want to learn too many JS just one or two at best. Any advice for me?

[@diojoestars2656]

Learn JavaScript first, get comfortable with it, then move to react.

[@adarshpandya]

Love from India

[@koko0808008]

Exactly what i was looking for ! Thank you sharing top quality content.

[@devsami]

Amazing content, two days back I had this in my mind thinking of parallax effect for one of my project, though I have one concern still, whether this library be working fine in mobile devices, since background-attachement property don't go well in phones. Could you please enlighten me?

[@bridgetech5650]

Hey there...in their documentation they state that their latest version (1.0.0) works well on mobile phones...so i guess give it a try

[@CuriosMindDIY]

Hey Brad. I was wondering if you could make a tutorial on how to create a simple Mobile App Landing page. My knowledge on websites is not the best but I think something easy would help a lot. ps. I'm a mobile iOS Engineer and I plan to publish a few apps soon and this would be very helpful! Thank you!

[@schoolofprogramming9439]

Really inspiring

[@tonysmarks3578]

Can U make a video about `backbone.js` ?? Event it's an old tech, but should make a lot people understand underneath the three main framework。And there is so few tutorial.

[@andriesfelix2186]

How can i download the images?

[@gururajmoger8649]

How to use this library in react js

[@Uncaught_in_promise]

urgent need for this. Thanx!

[@Endrit719]

Can you make top 10 libraries for react js

[@Endrit719]

or even more

[@rutvikshah4589]

Data structure and algorithms using JavaScript udemy course please 😊

[@naeemhasan1867]

This is useful

[@bazejguaj6405]

Yeah, that would be really helpful for people who are starting with javascript and want to get to know DS&Algorithms and not having to learn C or Java only for that.

[@cristianscript5649]

Please make a course of Java with Spring Boot rest api

[@christostsm5795]

can i ask why did you use position absolute on the section with the play image instead of displaying as flex.? P.S. We love you brad! :)

[@DaveO0808]

AMAZING

[@omarkhabeer8367]

Can you please download the photos , Thanks :)

[@mssadewa]

download it for watch it later, I'm sure this is good videos!

[@sandipbamrel2087]

Please make a ES6 modules video , there is none , only found node modules video 😊😊😊😊

[@RandomStuff-hc3zc]

Hi*Teaversy Media* which language should i learn first Python or JavaScript I have 0 coding knowledge

[@oatscurry]

JavaScript! It’s an essential element of web development. Python can easily come afterward once you’ve learned the core concepts of OOP. I suggest you learn backend programming with npm and node.js then consider Python etc. when you think you got it down pat.

[@rohithkadakuntla]

Please do a video on magic scroll. Js

[@robingiri7281]

Always waiting for something new..

[@adamtak3128]

Can you please make a video on Slate a React based Rich Text editor. I've been looking for some good videos but there are literally none even though the library is very popular.

[@mod7ex]

Than you so much

[@JamesWelbes]

so strange, it's not working at all for me. It's literally the most simple JS library I've ever seen and it's just not working. No errors in the console, it's just not working. Is there anything we need to know like "it won't work on elements with this kind of positioning" or something?

[@sob3ygrime]

cool video

[@miraclehesed8959]

First saw this on twitter.

[@smaheshacharya9760]

it's 53 sec and i am here :)

[@Princess_kitty14]

Brad: 5:17 my immature ass: that's what i said! ...sorry

[@technoinfoworldwide2329]

Implement this on django sir.and make video

[@ngjhunnen]

thanks sir :)

[@subscribeplease4875]

Programming Jesus is back again with another video

[@thanviHimanshu]

Y should take a break , it's too much man 🥊

[@olanrewajusule-balogun612]

Brad has been one the most amazing tutors and human ever. His learning resouce helped me to recreate this project using Webpack , Sass and hosted on Netlify relaxed-ardinghelli-2cae90.netlify.app and source code available on my repo github.com/LarrySul/Parallax-Landing-Page. Thank you Brad and stay safe

[@vaskarojha8782]

Great.

[@r4hu1gunner]

Am I too early? Shows me 480p

[@georgesmith3022]

parallax effects make me dizzy

[@toitomatto6074]

Thought am gona b di 1st to comment