off canvas toggle nav mockup

Shy Menu – Off-Canvas Toggle Navigation

Project Type:Exercise
My Role:Student
Client:Northern Alberta Institute of Technology
Tools:HTML, CSS, JavaScript
Year:2020

In my Web Usability class, I learned the importance of responsive screens and creating designs that are mobile-friendly. This is an off-canvas toggle navigation that I named “Shy Menu”, because the menu is hidden to the side on mobile screens. I added a shy-looking Dracula as the site logo to fit the theme.

(The icon is from FlatIcon.)