Responsive Drop-Down Navigation with SelectNav (JS)

Posted on

  • email
  • twitter
  • facebook
  • share this

share this



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.

 
     :: Try iContact for FREE for 30 Days! Sign up now at iContact.com ::


Login To Comment


Become a Member

Not already a part of our community? Sign up to participate in the discussion. It's free and quick.

Sign Up

Be the first to comment on this article

999 E Touhy Ave
Des Plaines, IL 60018

Toll Free: 1.800.817.1518
International: 1.773.628.2779
Fax: 1.773.272.0920
Email: info@websitemagazine.com

Facebook


Twitter