Advertise here

Menu

Creating Jelly Navigation Menu for Touch Devices

August 23, 2013     4987     Menu Mobile
Creating Jelly Navigation Menu for Touch Devices

A tutorial about "Creating Jelly Navigation Menu for Touch Devices" by Smashing Magazine.

PaperJS used for the canvas graphics and TweenJS used for the animations.

Read More »

How to Create Accordion Menu with jQuery and CSS3

August 21, 2013     8455     Menu CSS3 & CSS
How to Create Accordion Menu with jQuery and CSS3

tutorial about creating an accordion menu by using jQuery and CSS3.

Read More »

Google Play's Multi-Level Navigation Menu

August 20, 2013     15030     Menu
Google Play's Multi-Level Navigation Menu

A tutorial about "Creating Google Play’s Multi-Level Navigation Menu".

This menu has smooth animation and let users peek at the root-level menu by simply hovering a back button. It's created with using HTML, CSS and jQuery.

Read More »

Multi-Level Push Menu

August 14, 2013     32931     Menu CSS3 & CSS
Multi-Level Push Menu

An experimental push menu with multi-level functionality that allows endless nesting of navigation elements.

The result is a “push” menu that can (theoretically) contain infinite nested sub-menus. When opening a sub-level, the whole navigation pushes the content more, allowing a slice of the parent menu to be visible. Optionally, this slice can be visible or not, in which case the sub-menu will simply cover its parent.

Read More »

Menutron – jQuery Plugin for Responsive Menus

July 31, 2013     5761     Menu Mobile Responsive
Menutron – jQuery Plugin for Responsive Menus

Menutron transforms your navigation menus from a list to a select menu when resizing your browser. On mobile devices, the select menu pulls up a native control, making it easier to pick an item.

Read More »

Google Nexus Website Menu

July 30, 2013     26856     Menu
Google Nexus Website Menu

A tutorial on how to re-create the slide out sidebar menu that can be seen on the Google Nexus 7 website.

It slides out with a really nice effect where some subitems get expanded as well. When hovering over a special menu icon, the sidebar icons will be revealed. When clicking on the icon, the whole sidebar menu will be shown. The first sidebar menu item is a search input which is styled the same way like the other menu items.

Read More »

slimMenu – jQuery Multi-Level and Responsive Menu

July 24, 2013     36196     Menu Responsive
slimMenu – jQuery Multi-Level and Responsive Menu

slimMenu is a lightweight jQuery plugin, which is made to create responsive and multi-level navigation menus on the fly.

Features:

  • Multi-level nested menus.
  • 100% mobile responsive menus.
  • Multiple slimMenu navigations on the same page.
  • Tap areas to toggle sub menus easily in touch devices.
  • Hover option and effects for desktop version.
  • Submenu indentation options for responsive version.

Read More »

Navgoco – jQuery Multilevel Slide Menu

July 05, 2013     24099     Menu Slider
Navgoco – jQuery Multilevel Slide Menu

Navgoco is a simple jQuery plugin which turns a nested unordered list of links into a beautiful vertical multi-level sliding navigation with options to remember sub-menus visible state between sessions and act as an accordion.

Read More »

contextMenu.js – Customizable jQuery Context Menu

June 28, 2013     4017     Menu
contextMenu.js – Customizable jQuery Context Menu

contextMenu.js is a plugin to create windows like context menu with keyboard ineteraction, different type of inputs, trigger events and much more.

Features

  • Use as simple popup or as a context menu.
  • Adjust position and size to fit in viewport.
  • Keyboard interaction.
  • Support different type of inputs (json, UL list)  .
  • Trigger Context menu with right-click, left-click,hover or any other mouse events.
  • Css outside of javascript so you can edit the look of menu.
  • Optional icons for commands.
  • Submenus

Read More »

Simple Vertical Menu with jQuery and CSS3

June 23, 2013     15034     Menu CSS3 & CSS
Simple Vertical Menu with jQuery and CSS3

tutorial about how to create a simple, but very stylish vertical menu using some CSS3jQuery, a custom text font and the most impressive icon font. Combine all of these with a nice color scheme and you get a beautiful UI element, ready to be used in your projects!

Read More »

Responsive Side Toggle Menu

June 07, 2013     13307     CSS3 & CSS Menu Responsive Mobile
Responsive Side Toggle Menu

Side Toggle Menu lets you add a side bar menu to your page that slides in from the left or right edge of the browser window. It supports two types of unveiling- either by nudging the rest of the page and making room for itself, or overlaying the page. 

CSS3 transitions are used to power the animation, ensuring a smooth visual experience even on low powered mobile devices. And speaking of mobile devices, the menus are adaptive in that it automatically switches to a basic drop down menu using a toggle button at the top of the page when the user's device width is 480px or less.

Read More »

Smint – jQuery Sticky Menu with Smooth Navigation

June 06, 2013     17229     Scroll Menu
Smint – jQuery Sticky Menu with Smooth Navigation

Smint is a simple jQuery plugin that helps with the navigation on one page style websites.

It has 2 main elements, a sticky navigation bar that stays at the top of the page while you scroll down and menu buttons that automatically scroll the page to the section you clicked on.

Read More »

aMenu – Animated jQuery Menu

June 02, 2013     4172     Menu Effects
aMenu – Animated jQuery Menu

aMenu is a animated jQuery Menu plugin with show, fade, slide, wind effects. Also you can choose effect speed.

Read More »

SmartMenus – Responsive jQuery Menu Plugin

June 02, 2013     14479     Responsive Menu
SmartMenus – Responsive jQuery Menu Plugin

SmartMenus is jQuery website menu plugin. Responsive and accessible list-based website menus that work on all devices.

Features

  • Optimized for mobile and desktop browsers supporting touch, mouse or both inputs at the same time
  • Section 508 compliant and fully accessible to assistive technology like screen readers
  • List-based (search engine friendly) markup - can be easily generated from any kind of database
  • Completely CSS driven with fully customizable menu styles
  • Unlimited menu trees on the same page and unlimited sub menu levels supported
  • Horizontal or vertical main menu items arrangement

Read More »

Tooltip Menu

May 23, 2013     10749     Menu Tooltip
Tooltip Menu

This is a simple tooltip menu that will show a tooltip submenu when hovering over an item. The submenu will either appear above or below the main menu, depending on where more space is available.

Using Modernizr’s touch detection, the menu will either react on hover or on click. Example media queries show how to adjust the style for smaller screens.

Read More »

AdvertisementAdvertise with us!
Angular, React and Javascript MV* Frameworks | MVish