There's a whole lot of interest right now on the part of both designers and those that employ them to make their digital properties as accessible as possible - meaning that they must work and appear well on desktop and mobile devices simultaneously.

As an industry we are learning how to make the most of responsive design and to our great fortune, there are numerous techniques and technologies to support this initiative. Case in point - SelectNav.js.

SelectNav.js is a JavaScript plugin that enables designers to convert their website navigation into a "select" drop-down menu (see images below). The JavaScript is used together with media queries to create a space-saving, responsive navigation for those using small-screen devices.

Inspired by TinyNav.js, SelectNav.js requires no external library, is very lightweight (only 1.5kb minified), is customizable, and compatibility with a variety of modern browsers.