Create a Website With Video Background | HTML & CSS

Подписаться 2,3 млн

Просмотров 607 тыс.

50% 1

Create a beautiful, custom landing page for a Travel website using HTML, CSS and a little JavaScript
Code:
codepen.io/bradtraversy/pen/e...
Find a list of my latest Udemy courses at:
traversymedia.com
💖 Support The Channel!
/ traversymedia

Наука

Опубликовано:

3 янв 2021

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 645

@TraversyMedia 3 года назад

In the intro it says "never stop to exploring the world" sory about that. I know that makes no sense lol. The "to" is a mistake

@MrYossell 3 года назад

Np np, never stop to making great tutorials Brad.

@samvaarvshrestha7810 3 года назад

Happy new year... And please can you tell how to comple different scss file into a single css file. I am having trouble in there and I know you have showed it in one of your video but couldn't find exactly which one though.. Sorry for the trouble but could you please.... give us the solution??🙂😄 In VS code..

@shokhrukhshomurodov9473 3 года назад

You are not only teaching us web development but also English grammar😂😂😂. Thank you very much👏👏👏

@donphelix5266 3 года назад

Hi Brad -: Please do a video of Drupal CMS

@williamoliver9743 3 года назад

No probs

@aadityaghag8085 3 года назад

Going to tell my kids about you Brad, that this guy made your dad a good developer. What I am now is because of you Brad. I started my web development journey by watching your video of ACME WEB DESIGN Website design and now I am a Full Stack Developer. Thanks for everything Brad ❤️. Love you !

@kishoregowda5551 3 года назад

Bro can u guide me , I have started with html css js but after that what should I do whether to go nodejs or js framework like react which will be good for getting a job early?

@manojkarthick5068 3 года назад

@@kishoregowda5551 I also stuck at the same point...Waiting for their reply

@kishoregowda5551 3 года назад

@@manojkarthick5068 👍

@aadityaghag8085 3 года назад

@@kishoregowda5551 I think you should now learn -> React JS Framework, Bootstrap 5 and then later you can start with backend stuff like -> Node.js, Django, Rest Apis

@kishoregowda5551 3 года назад

@@aadityaghag8085 thanks

@alejandrocarvajal9068 3 года назад

two years without listening to that intro. the quality of the content has increased so much since last time I was watching any of your videos, great contribution for the education of others.

@jenglish1986 2 года назад

The best teacher by far. Amazing clarity on every topic you present. Thank you so much for all of your excellent content here and on Udemy. Really well done!!!!

@d.r1775 3 года назад

As a Tourism professional and a web dev student, this is gold for me. A lot of thanks for the tutorial and the explanation.

@EverydayOrdeals 3 года назад

Ok so, I've watched thousands of videos on development, never was I so impressed with the way you explained your progress, from code standards to optimization to the way you think abt a problem, I really learned a lot, Thanks!

@odhranmahony8658 3 года назад

Excellent video Brad - perfect to code along to, going back over HTML/CSS before cracking into JS next week and this is perfect.

@MotM200 3 года назад

This project looks FREAKING RAD! It's wonderful!! Keep up the marvelous work!!

@farflebfarfle 3 года назад

Brad, you make great content and I really appreciate the high quality of all your videos on YT and Udemy. I'm a new web developer, in the middle of a six-month bootcamp, and I find your instruction to be very helpful to me for clarifying concepts that we only quickly touch on in class. You describe what you are doing really well. Thank you!

@user-ri2ms2mm7w 2 года назад

My friends, search for your life purpose, why are we here?? I advise you to watch this series 👇 as a beginning to know the purpose of your existence in this life ru-vid.com/group/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

@davescorneroftheworld1147 3 года назад

Yes, Brad, we all can hope 2021 will be better than in 2020. Another GREAT job I have followed along in VS Code and have learned a few tricks I did not know. My wish for you this year is much better health. You are an inspiration to me and I am sure to many others out there in RU-vid land. THANK YOU AGAIN, Brad.

@fonncatalina6464 3 года назад

3:40am now, me trying to sleep. Then this video just came out of the oven, me: okay later.

@TraversyMedia 3 года назад

It’s not going anywhere, get back to sleep 😊

@imamalievumarbek5434 3 года назад

@@TraversyMedia 😂😂😂

@Allformyequine 3 года назад

HAHA luv that comment I feel that!!! Go Brad Go!

@cheapwisdom918 3 года назад

What an amazing tutorial. Brad is showing us the power of HTML and CSS, and most importantly, that the tools that we use matter just to an extent.

@lapluong928 2 года назад

ok you ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ecP8cEWKW5Q.html

@asherintech 3 года назад

Thank you Brad! Just gone into a new lockdown for the next 6 weeks here in the UK, this came at the best time and the dev community would be lost without you! 😂 ❤️

@a14n.s 3 года назад

Me: Searches how to do something for my website, spends hours searching and testing but finally gets it done. Brad: Releases a good video on how to do it the next day

@onuberonly7846 2 года назад

I really appreciate your commonsensical none complicated approach to building these pages

@chloeperalta4776 Год назад

I followed the first 5 mins, then went to the link and downloaded the code source and looked for a video on PEXELS, and created the landing page in about 30 mins. This is awesome man thank you so much.....

@lisarogers5873 2 года назад

I am definitely checking out your Udemy courses. You are easy to follow along with and you show what your coding does. I also like the layout of your code because it is easy to go back and make changes because you can FIND IT! Some instructors do not lay out their code as well as you do. Thank you for providing this easy to follow content. I was mesmerized and stayed with you through the entire video.

@angrybadger6761 Год назад

I have been away from this for over 3 years and needed to remember what to do! Thanks Brad.

@Kubaturi 3 года назад

Your honestly the best youtuber to help me with coding. Thank you so much!

@virtualbrian 3 года назад

The best part of Brad's videos is there is always some kind of CSS gold nugget. For me today, that was the transition property. Thanks so much!

@user-ri2ms2mm7w 2 года назад

@Alphabet7 3 года назад

Dude I'm so glad that you have a voice I hate watching tutorials without a voice

@programmer4047 3 года назад

It's 1AM here in India.. And, I am Watching your video

@andrewclarke6916 2 года назад

I love this project and it's great for beginners. It also shows how adding a simple video clip to a web page can totally transform a landing page into something really beautiful.

@tz2014 3 года назад

Great Brad, looking forward for more interesting contents this year, one of the best channel for web Development. Shout-out from Tanzania

@salzee 3 года назад

Keep up the great work Brad! Thanks for sharing your Uber skills with us.

@rachelmoore5255 3 года назад

I am learning how to code and I second many people here when I say your stuff is outstanding. Thank you so much!

@mihirs2548 3 года назад

This man has helped more than 100k people get job as well as helped more than a million students to pass tests.

@TheCodeAngle 3 года назад

A good project to begin the year with! Well done!

@asadbekbozorov5714 3 года назад

You tutorials are the best on You Tube.Respect you bro

@barshadpoudel6066 3 года назад

One of the best teacher out there ❤ Love you man

@sahajranipa 3 года назад

good to see you back brad please make more videos like these it refreshes our minds.

@0xusman1 3 года назад

Thanks brad for this awesome tutorial (as always 😉) hope you are doing great ❤️

@gambomaster 3 года назад

That's a good little project there. Thanks Brad and Happy New Year Sir. 👍

@TraversyMedia 3 года назад

Happy new year

@presidoeokuguni9272 3 года назад

@@TraversyMedia Hey Brad, thanks for sharing your wealth of knowledge. I realized that the video works fine on laptop and desktop but never displayed on mobile. To be sure if i was doing the right thing or not, decided to open the codepen for this project on mobile and changed it to full screen mode, it doesn't display the video but displays dark background. I am having the same problem. Any solution will be really appreciated, thanks again.

@jordancullen4135 4 месяца назад

I'm starting my journey into SEO and wanted to build a strong foundation on how websites work and I've been using a lot of your videos to help me along my journey. thank you so much.

@RAZR_Channel 2 года назад

U... FUCKI'N - ROCK!!! ... I've been looking for a CLEAN way of doing this for a while... and as soon as I hear your intro theme : I know I'm going to get a direct and solid answer to what I am looking for...

@nathanielfinn7911 Год назад

Shout out to you Brad. Used your instructions to help me build my best work so far. Much luv

@ibrahimkconteh 3 года назад

at first, I thought this video is useless to me as I have seen series of videos before this but I turned out to be wrong there is always something valuable to learn from Brad Traversy thank you for the tutorial.

@kiranfrancis7397 3 года назад

First course in 2021 from travesery....good

@CodingwithBasir 3 года назад

A nice tutorial to learn CSS technics like positioning elements, using video, and adding visual effects. Good job Brad.

@lapluong928 2 года назад

ok ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ecP8cEWKW5Q.html

@floralforest5898 3 года назад

Thank you very much for amazing tutorial! I’ve watched it as soon as it released today. I will watch it few more times!

@johnjensen9522 2 года назад

Brad, thank you for your videos. Your clear and concise tutorials have really helped me to finally get some of the results I was hoping for. Liked and subscribed.

@DeeporbitAdventures 2 года назад

10,000 Hands up! The best video on this subject ever!

@sodiumsulfur2779 3 года назад

I learnt many things from this video rather than using a video background...☺♥

@two-zero 11 месяцев назад

Thank you Brad, for making things easier for us

@Nits21386 3 года назад

This video cleared my doubts on css overlay and other properties. Thanks for sharing. 👍

@lewvardy1145 2 года назад

You motivate me a lot as an aspiring full stack dev

@patriotact3729 3 года назад

Thanks for this video. Greetings from Burundi (East Africa) 🇧🇮

@FilipeFreire 3 года назад

mix-blend-mode... well that's new! Worth watching even if just for that bit! Keep up the amazing work on the channel, loving it so far 😄

@sougataghar1179 3 года назад

I learned so much from you . Best teacher ever

@user-ri2ms2mm7w 2 года назад

@jfrankerson 3 года назад

Thanks Brad for sharing such great concise content. You’re the best!

@AAfzal5 2 года назад

Thanks a ton for this amazing tutorial, Understood each and every single thing you have explained here❤

@KolaGrey 3 года назад

You're just amazing Brad. Just exactly what I need in one of my projects. Thanks a lot, and a happy new year to you and your loved ones. Cheers!

@user-ri2ms2mm7w 2 года назад

@manny9639 3 года назад

Simple and Beautiful, Thank you Brad, you stand at the side of all inquisitive minds!

@user-ri2ms2mm7w 2 года назад

@nicumirs253 Год назад

Thanks ,with you programming is so easy,You are the best

@MontherMMG 2 года назад

smooth to the point!! thanks bro

@fesko76 2 года назад

Best tutorial, great work. I had some trouble with the menu showing up, but I probably missed something. Thank you.

@user-xg4zc7ff1n 2 года назад

Merry Christmas and Happy New Year!!! Thanx a lot for the video!

@arnaudpoutieu1331 3 года назад

Perfect as usual! Thanks Brad and All the best for this new Year

@hlayisanidiamond7300 2 года назад

life saving....easy and straight forward..brother..keep us the good work

@PackhouseMediaCollective 3 года назад

Thanks for the project Brad!

@sangramsinghyadav8328 2 года назад

Its wonderful and very well done . Very impressive!!!!!!! Its very useful for every developer. It cleared many conceptions. Thank you!!!!!

@TheCodingOdyssey 3 года назад

I always found that video background on websites look so cool!

@TraversyMedia 3 года назад

Yeah, as someone else mentioned, there can be performance issues, but it does look damn cool and there are ways to optimize

@TheCodingOdyssey 3 года назад

@@TraversyMedia wow, can't believe you replied to me :D today was a good day :D

@atunwaemmanuel9712 3 года назад

Thanks for this video, I'm new to web dev. this really helps a lot

@ahamedsuhails 3 года назад

Thank you for the learning experience, much appreciated.

@DailyIntern 3 года назад

Happy new year to you too Brad.

@SZOKE19940321 3 года назад

very nice, using videos on pages really make them stand out, especially such a beautiful one of the coast

@dylanm7638 3 года назад

I learned lot , thanks Mr.Brad

@emptypocketwithbigdream 3 года назад

its pretty amazing to watch.

@mateuszz9063 3 года назад

this video with blend mode looks amazing

@mail2ahmaralikhan52 3 года назад

Learned a lot from this awesome project tutorial thank you brad, love, from India...

@shokhrukhshomurodov9473 3 года назад

Brad you are very generous !!!

@starmix7579 Год назад

this was uploaded on my birthday :D

@vibhugautam5093 3 года назад

You're great Love from India!!!

@ceciliaa8857 Год назад

Wonderful learning experience. Thanks Brad!

@codedcarbon3493 2 года назад

Absolutely beautiful experience. Thank you so much!!! Subscribed and shared.

@immeatom 3 года назад

This is fantastic. Thank you for this video!

@sylvanusjoseph1140 2 года назад

Thank You . You are a great teacher. Thanks again for your kindness in sharing this unique information.

@robertolee4954 3 года назад

good to see you again, i hope 2021 will be an excellent year for you and your family thanks for the lessons

@kittoeebenezer7067 Год назад

This is beautiful in all aspects. I have learned a lot of new things. Thank you sir

@johncerpa3782 3 года назад

That looks so good, nice video!

@yogeshc7241 3 года назад

Happy new year Brad Traversy !!

@Firex64 3 года назад

I have recently started to learn to code. My cousin, who is a programmer, recommended me your channel first. And you make this look so easy haha. Let's see how long it will take until I become as smooth as you (probably forever)