Advertise here

Menu

Animated Border Menus

September 30, 2013     8386     CSS3 & CSS Menu
Animated Border Menus

A tutorial on how to create a off-canvas icon navigation with an animated border effect. The menu effect is inspired by CreativeDash's bounce menu for mobile apps.

Read More »

Context.js – Bootstrap Context Menu

September 29, 2013     14294     Menu Bootstrap
Context.js – Bootstrap Context Menu

context.js is a lightweight solution for contextual menus. Currently, there are two versions.

The first is to be used with Twitter Bootstrap (bootstrap.css specifically). If you do not use or want to use bootstrap.css, there is a standalone stylesheet to give the menu it's base styles.

Read More »

Snap.js – Facebook and Path Style Side Menus

September 27, 2013     9701     Menu
Snap.js – Facebook and Path Style Side Menus

Snap.js is a library for creating beautiful mobile shelfs in Javascript (Facebook and Path style side menus).

Features

  • High Customization
  • Flick Support
  • User Intent Detection
  • Event Hooks
  • CSS3 Powered Animations with IE fallbacks
  • Drag Support
  • Programatic API
  • "No-Drag" Elements
  • Definable Easing Mode

Read More »

menuSlider – Simple jQuery Menu Slider

September 05, 2013     8934     Slider Menu
menuSlider – Simple jQuery Menu Slider

menuSlider is jQuery menu slider plugin that creates the slider over the menu items. It's easy to use and create menus with slide animation effect.

Read More »

Custom Drop-Down List Styling

August 28, 2013     100162     Menu Form Elements
Custom Drop-Down List Styling

A tutorial on how to create some nice custom drop-down lists with CSS and jQuery.

There are five examples with different looking drop-down menus and lists for various purposes.

Read More »

Creating Android Dock using jQuery & CSS3

August 26, 2013     5072     CSS3 & CSS Menu
Creating Android Dock using jQuery & CSS3

A tutorial about Creating Android Dock using jQuery & CSS3

The application icon will pop out consecutively when arrow image on the dock clicked and not just the icon beautifully animated the dock itself also rotating vertically with 3D style.

Read More »

Creating Jelly Navigation Menu for Touch Devices

August 23, 2013     5193     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     8830     CSS3 & CSS Menu
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     16317     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     35956     CSS3 & CSS Menu
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     5900     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     28864     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     39435     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     26864     Slider Menu
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     4326     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 »