Categories
Website Design

How To Create Advanced CSS Dropdown Menus [Video]

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

Watch/Read More
Categories
Website Design

Pure CSS Scroll snap - Vertical Scroll [Video]

Free Enrollment - 11+ Courses in bundle Enroll here - https://www.udemy.com/course/be-a-front-end-website-developer-today-10-projects-included/?couponCode=21C7E6DB65C76139891C ----- Top animation videos watch these below -------------------- #1- https://youtu.be/icrEhXdVcUw #2-https://youtu.be/i0YOfn2bn_8 #3-https://www.youtube.com/watch?v=Qco4kOjNDno #4-https://www.youtube.com/watch?v=cUe9FUAMH18 #5-https://www.youtube.com/watch?v=1dQJzKUwKCo #6-https://www.youtube.com/watch?v=cOLM2RrVX_4 #7-https://www.youtube.com/watch?v=TkiiGL_YMbA&t #8-https://www.youtube.com/watch?v=RJ0Gz3ApZ4M&t=43s #9-https://www.youtube.com/watch?v=p_gsUxCC_L0 Join our fb group - https://www.facebook.com/groups/328971707545530