https://github.com/jonathankingston/responsive-search-menu-experiment

A responsive searchable menu experiment.
https://github.com/jonathankingston/responsive-search-menu-experiment

Last synced: about 1 month ago
JSON representation

A responsive searchable menu experiment.

• Host: GitHub
• URL: https://github.com/jonathankingston/responsive-search-menu-experiment
• Owner: jonathanKingston
• Created: 2016-01-04T03:47:59.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2016-01-11T23:19:31.000Z (almost 9 years ago)
• Last Synced: 2024-04-17T02:07:34.552Z (9 months ago)
• Language: JavaScript
• Size: 110 KB
• Stars: 0
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Responsive search menu experiment

## Why

The idea is to create a menu that works at all screen sizes, browser support etc. Once the menu is open the user is able to use the sites search functionality to filter the navigation.

This was an idea I had after reading [Ethan Marcotte's Responsive Design: Patterns & Principles](abookapart.com/products/responsive-design-patterns-principles).

## What

*On mobile* the user should be presented with a hidden menu, on reveal of the menu the user should be focused on searching allowing instant typing and also the primary menu. When the user types it changes the menu items to match the result of the search.

*On desktop* the user should see both default menu and search results at the same time, no menu item needed.

# Demo

[See a demo here](http://jonathankingston.github.io/responsive-search-menu-experiment)

## Bugs

Feel free to raise any issues etc on [GitHub](https://github.com/jonathanKingston/responsive-search-menu-experiment/), this has not been tested at all really.

## Running etc

To build the site:

```

npm install

make build

```

To serve(localhost:8080):

```

make serve

```