#todayilearned

by @jm3 · aka John Manoogian3

Frequent, bite-size mini-milestone updates as I fast-forward merge* my front-end web development skills up to 2019 levels. Learn more

List of Responsive Mobile Navigation Patterns

Posted at — Jul 5, 2019

Someone has made a taxonomy of approaches for handling navigation menus broadly in responsive (mobile + desktop) web apps. See them demonstrated in practice.

  1. “Do Nothing” Approach
  2. Anchor-to-Footer - food
  3. Menu Overlay - good
  4. Multi Toggle (accordion-style list) - bad
  5. Off-Canvas slide - good, popularized by Facebook.
  6. Always Off Canvas ¯_(ツ)_/¯