How To Create Advanced CSS Dropdown Menus

FREE CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html Dropdown menus are one of the more common things you will create as a developer, but most developers create boring looking dropdowns. In this video I will show you have to create and advanced CSS dropdown that can include things such as forms or advanced navigation. 📚 Materials/References: FREE CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html Starting GitHub Code: https://github.com/WebDevSimplified/advanced-dropdown/tree/starting-code GitHub Code: https://github.com/WebDevSimplified/advanced-dropdown Async Vs Defer Video: https://youtu.be/BMuFBYw91UQ Async Vs Defer Article: https://blog.webdevsimplified.com/2019-12/javascript-loading-attributes-explained JavaScript Data Attribute Article: https://blog.webdevsimplified.com/2019-10/do-not-use-class-selectors-in-javascript 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ Timestamps: 00:00 - Introduction 00:20 - Demo/Starting Code 00:56 - Dropdown CSS 07:50 - JavaScript 11:25 - Advanced Menu HTML/CSS #Dropdown #WDS #CSS