Join discord here: discord.com/invite/8jf6bkqSGF

These are some of the books that can help you learn web designing - 1. Web Design with HTML, CSS, JavaScript and jQuery Set - amzn.to/2T3WViK 2. HTML 5 Black Book (Covers CSS3, JavaScript, XML, XHTML, AJAX, PHP, jQuery) 2ED. - amzn.to/2DtVBAo 3. JavaScript and JQuery: Interactive Front-End Web Development - amzn.to/2R78ofJ 4. Web Animation using JavaScript: Develop & Design (Develop and Design) - amzn.to/2AZ3vQF 5. Mastering SVG: Ace web animations, visualizations, and vector graphics with HTML, CSS, and JavaScript - amzn.to/2S1dj6p

The first video I saw in your channel and I really like it nice intro , coding is clean music is just my type I like it and your desigining is amazing. subbed and like

Source Code : www.dropbox.com/sh/2so52l4q74eu470/AABDHemSW_WsLUlBfPaLsNwsa?dl=0

..or position:fixed for the

Let me propose a few improvements: prepare the markup before so that you can start with the sticky navbar. Additionally you could explain how to make a navbar sticky without using position:fixed from the beginning (because you don't have the navbar at the top all the time). You have to determine the current scroll height, how to switch navbar styles and so on. Also responsive aspects should be considered: what if your navbar will have other styles in small viewports and your approach to "stickyness" will change these styles? It may be a "basic idea", but heating water doesn't make you a cook either ...

Thank you for the cool nav bar and the learning from this video. I got stuck because I didn't add the jquery src to my html file but as soon as I popped that src code in it worked.

watch 28 seconds of this video and God damn! I love it.

THANK YOU ....you saved my assignment..

Thank you for this tutorial, very practical and I'm amazed by this interactivity between css and jquery.

Learn a lot from your channel really thank u

Hell of a video. Great job clean code!! BRILLIANT.. I just liked and subscribed, can't wait to learn more!!!

Man, you're amazing!! Thank you!!

Thumbs Up bro! I'll use it for designing my Program

I like u r page ...asome very nice

A big shout!! Many thanks for the coding

Thank you for this awesome "sticky navbar" tutorial -- and providing the source code. I find all of your tutorials very thorough and helpful. One question for you. What VSCode extension are you using that shows the js tooltips explaining the js syntax?

Great video and nice and short for people with short attention span and cant watch a 3 hour vid cause they have so much to do like me

what is .black that you always add? I Dont get it.

beautifully done

estan geniales los videos ..te apoyo! quiero ver más producciones!!!!

If you find your LOGO wont style and also doesn't center vertically to the other menu items, simply replace nav.logo with div.logo in your CSS and that should fix it!

Nice lesson!

I can't get the last one, og doesn't get Black when i scroll my page. I just copy the code. Og does not work. Help pls

Thanks alot your tutorial helped me.

Wow awsome vidio! Thanks!

any idea as to why my nav bar isn't turning black? i have looked over the code so many times and haven't found anything different to yours.??

geatly inspired from your video !thank u so much !subscribed

Hey do you prefer extensions on brakets?? If yes, what do you use? By the way very clean html and css love your work

Thank you, awesome code!

"Log In" button will stuck at page if you minimize the width become too thin... i not sure is this situation just only happen to me or the code itself have problem

what is difference between nav.black and nav .logo? beside in space? to be specific does nav.black select nav tag with class .black, and nav .logo - select class "logo" inside nav tag?

hey this video is great.thank you very very muck! I customized code a little bit and it turned out great ,, i just have one question: how did you style the scrollbar, i couldn't find that part in your code

Thanks ! Nice content awesome playlist

My Javascript file is not working...on sliding down , the background color is not changing into rgba....

Why use the float in the css?

You just saved my life

Hi Codegrid, I am unable to fetch the scrolling effect. I have followed the steps you showed but it is not working. I have already checked the jquery code inside the script tag and checked for syntax errors. Nothing found. Please help.

thanks codegrid

'black' class is not mentioned in html file. How did it work??

What a nice work thank you

Your designing is damn good dude!

Good pase, good music, good content. Subscribed

Great content, thank you! Just wondering... where are you from?

How would you make it responsive to a phone or tablet?

Great video

Thanks mate

Nice Tutorial and very nive NavBar! But i have a problem on Mobile Phones, when i go on the website and click on the 3 Lines for the navbar, there are only 5 Index Tab, but i have made 6. Could you help me? - sorry for my bad English, im german.

Thanks for information :D

Thanks, very helpful!... and what is the name of the background music..I like it

Cool video

Hello @Codegrid , please how i can add content to website? i mean how to create when i click on navbar "buy" show me content

WAW! this was amazing ! But can you show how to make menu works ? link it please. I dont know how make this.

Thank you very much!

and the class wrapper?

Thanks. But I do not see of class named "black" in the file HTML and however you use in the file CSS.How it works?

What tools you can use to make that???pls share to us

Great

Wow, very cool, it's a pity that there is no such content on the Russian-speaking KZfaq. I'm from Ukraine) Keep it up!

Your text of the header is overlapping when u scrolling how to fixed it could u tell me ? When we scroll down the header div is to fixed/ sticky and could not overlap the text of the header to another div ?

Спасибо за видео! Thank you!

this is great man 😃😃

Sticky bar is not working for me :( and also,when i use background:url(image.jpg) with the route of the image,once i scroll through the page and pass the image and then come back the image disappears and only a blank space is shown instead of the picture,what could it be? :/

black class not loaded i just download the source code from the link and paste but still black class not loaded on scrolling just a white background

Thank You :)

If I wanted to include the navbar in every page, would I need to copy paste this code? Or could I do it in the style sheet

Why i can't see red frame when i use this in Django... someting wrong with .js ?

I'm so new to this, I am meant to create a website page for my a level exam, I came across this video and it really is interesting. I'm not sure what jquery is, although I did download it. But can anyone tell me what the program codegrid is using?? PLEASE HELP ME OUT :( Real thanks!

Continue good

Nice

Waoooo is wonderfull!

Hi can you please help me maybe. I have a different navigation bar and modified my html and css to add your jquery into it, but it doesn't change the nav bar's color. Please help!!!!!!

Great video vlw

What is that text editor?

Good code

But what if banner is black?

What's you use app program text?

Can someone tell me what is that text editor ?

thank you so much

this was really cool ty

what is nav.black??

Thanks! :D

Hello mate, i try download this tutorial but the download its ur first tutotrial not this one. Other question, can u create one responsive menu same this with out boostrap only css3 html5 icons and jquery? ty very much.

Hi. There is a problem when i scroll down my page the background color of navigation is just plain or without color black.

Hey, great video! Did everything as shown. However, when i click the bars, the menu does not open... any help?? Thank you all!!

amazing amazing amazing

I tried replacing the image with a slideshow, but when i hovered the navbar the hover didn't appear I tried to change some positions but it didn't work can you help me :(

If you had a picture instead of the text "logo" how can you make it change color from black to white

I want source code....it is not available at link given above...

the source code does not work at all and I had a prob with the position of the nav bar.Can you please upload the code?

오우 멋져요 잘보고갑니다^^!!!

Came for the tutorial, stayed for the music.

what font did you have used??

I was wondering if this type of menu I can make it responsive to other devices? I have watched your other video but i really like that type of Menu. So Any suggestions? Thanks!

thanks alot ..

i made a nav bar and my text in my body is under the nav bar...what can i do?

Which software is that please reply! I'm using Dreamweaver, but I'm not enjoying this

This no longer works for me. The scrolling doesnt respornd at all

Is it device version ?