How to build an accessible hamburger menu with HTML, SCSS & JS

Coder Coder ยท Intermediate ยท๐Ÿ–Œ๏ธ UI/UX Design ยท2y ago
๐Ÿ‘• NEW! Coder Coder Merch: https://coder-coder.com/merch ๐Ÿ”ฅ My course: Responsive Design for Beginners! https://coder-coder.com/responsive/ In this video, I show you how to build an animated hamburger menu from scratch with HTML, SCSS, and JavaScript, that is accessible for screen readers and keyboards. ๐ŸŒŸ LINKS & RESOURCES ๐ŸŒŸ Live website: https://mellow-cocada-662afb.netlify.app/ Source code: https://github.com/thecodercoder/space-cats-hamburger-menu Practical Accessibility by Sara Soueidan: https://practical-accessibility.today/ Lock scrolling package: https://github.com/rick-liruixin/bโ€ฆ
Watch on YouTube โ†— (saves to browser)
Can I code up this UI in 10 minutes?
Next Up
Can I code up this UI in 10 minutes?
Kevin Powell