How to create an awesome navigation bar with HTML & CSS. A tutorial that takes a look at how to create a nice looking nav bar with a cool little hover effect for the nav items, using HTML and CSS.
This was the very first video I ever put up on YouTube, and while it's aged well, I've made an updated version that is responsive: https://youtu.be/8QKOaTYvYUA
I've put this on Codepen: http://codepen.io/kevinpowell/pen/GrLKNo
I start this video off with a quick look at how to actually write the HTML for a navigation bar, follow it up with the simple styling of the navigation with CSS and then wrap it all up with how to add the hover effect in there using some fun little hover tricks.
If you want a bit more reading on pseudo elements, this should help: https://developer.mozilla.org/en-US/docs/Web/CSS/::after
Tags: How to create an awesome navigation bar with HTML & CSS, HTML, CSS, Tutorial, Navigation, Navbar, Nav bar, nav menu, navigation bar, navigation menu, Cascading Style Sheets (Programming Language), HTML (Programming Language), how to, coding, coding tutorial, internet, nav help, better nav, html5, css3, Kevin Powell, hover effect, navbar css, html css navigation bar tutorial, awesome navbar, css navigation bar, how to create a navigation bar in html and css, navigation bar css, css navbar, navigation bar in html and css, nav bar css