responsive-navbar

Responsive navigation bar in VanillaJS

Live demo available here

Installation

Add responsive-navbar.js and responsive-navbar.css to your project.

<link href="responsive-navbar.css" rel="stylesheet">
<script src='responsive-navbar.js'></script>

responsive-navbar is available via Bower

$ bower install --save responsive-navbar

or npm

$ npm install --save responsive-navbar

Basic usage

Simply call ResponsiveNav.init(); to create a new responsive-navbar instance in your project.

ResponsiveNav.init();

Developing

This project uses Npm and Gulp.

Prepare your environment cloning this repository on your local machine, then open a terminal pointing to your project root directory and install all the dependencies with:

$ npm install

Now you can launch the demo page running:

$ grunt serve

For debugging directly on your smartphone, point Chrome to the External link: http://192.168.1.72:3000 on your device and open Chrome Inspect device on your desktop machine to establish the communication. More information about Crome remote debugging available here

Changelog

Changelog available here