Instead of slides, below are the notes from the Responsive Menu Patterns talk at DrupalCampNJ 2013.
Below are examples of sites that use responsive menu patterns. It order to see the menu take shape, shrink down the width of your browser. Two of my favorite ways to see how a site responds to various widths is with the "Responsive Design View" in Firefox (Tools > Web Developer > Responsive Design View) or with the Responsive Design Bookmarklet at http://responsive.victorcoulon.fr/.
DrupalCampNJ Responsive Menu
With the above examples in mind, we needed to create a responsive menu for DrupalCampNJ's site. We knew that our menu would be a simple, single level of navigation. Therefore, I created a pattern that gave the menu large, clickable buttons. However, it also slid the menu away so that the site's content would be as prominent as possible.
Would I do it this way again?