Advertise here

Menu

SmartMenus – Responsive jQuery Menu Plugin

June 02, 2013     14559     Menu Responsive
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     10908     Tooltip Menu
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 »

Horizontal Slide Out Menu

May 17, 2013     37380     Menu Responsive Mobile
Horizontal Slide Out Menu

A simple, horizontal slide out menu with a grid-like thumbnail layout for the submenu. The menu slides out from the top when a main menu item is clicked and the sub-items fade in. When clicking on another item, the height of the submenu will adjust and the content will fade in and out while switching.

Some media query examples show how to make the menu responsive and change the view to a touch-friendly vertically stacked navigation.

Read More »

jQuery.mmenu – Slick Sliding Menus for Mobile

May 15, 2013     20672     Mobile Menu
jQuery.mmenu – Slick Sliding Menus for Mobile

mmenu is a jQuery plugin for creating slickapp look-alike sliding menus for you mobile website or responsive website.

Read More »

Responsive Retina-Ready Menu

May 09, 2013     6930     Menu Mobile Responsive
Responsive Retina-Ready Menu

responsivetouch-friendly and Retina-ready menu with three layouts for different browser sizes.

The menu automatically changes to one of three different layouts depending on the browser window size: a “desktop” inline version, a two columns tablet-optimized version and a mobile version with a menu link to display and hide the navigation for smaller screens. To make the menu fully retina-ready, we will use an icon font so that the icons of the menu won’t get pixelized on resize

Read More »

menuFlip – jQuery Plugin for Flipping Navigation Menu

May 01, 2013     4813     Effects Menu
menuFlip – jQuery Plugin for Flipping Navigation Menu

menuFlip is a jQuery plugin for adding a ‘ flipping ’ effect to text based navigational menu items when hovered over without needing to use background images, which can be a pain.

Read More »

Simple YouTube Menu Effect

April 25, 2013     8328     Menu
Simple YouTube Menu Effect

A tutorial on how to create the effect of YouTube's little left side menu.

When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again.

Read More »

Responsive Multi-Level Menu

April 19, 2013     26339     Menu Responsive
Responsive Multi-Level Menu

A responsive multi-level menu that shows its submenus in their own context, allowing for a space-saving presentation and usage.

Each sub-level in this menu will be shown in its own context, making the “parent” level disappear. This is done with subtle animations that are defined in separate animation classes. The menu is fluid so that it can be used easily in a responsive layout.

Read More »

FlexNav – jQuery Plugin for Responsive Menus

April 18, 2013     30453     Mobile Responsive Menu
FlexNav – jQuery Plugin for Responsive Menus

Device Agnostic Approach to Complex Site Navigation with Support for Touch and Keyboard Accessibility

A mobile-first example of using media queries and jQuery to make a decent site menu with drop downs. Special attention is paid to touch screens using click events for tap targets.

Features

  • Multiple nested sub menus
  • Tap targets to reveal sub menus for touch screens
  • Hover reveal for desktop
  • Keyboard tab input accessibility
  • Fallback for no JavaScript
  • Supports em units

Read More »

Superclick – jQuery Dropdown Menu Plugin

April 17, 2013     10492     Menu
Superclick – jQuery Dropdown Menu Plugin

Superclick is a jQuery drop-down menu enhancement plugin sharing many of Superfish's features but focusses solely on click events to open and close submenus.  This means that links with associated submenus will never be followed, they will simply toggle the visibility of the submenu.

Read More »

Flaunt.js – Stylish Responsive Navigations with Nested Click-to-Reveal

April 17, 2013     5505     Menu Responsive
Flaunt.js – Stylish Responsive Navigations with Nested Click-to-Reveal

Flaunt.js is a jQuery script that allows you to create a responsivenested navigation out the box.

Flaunt was built to overcome responsive design challenges which faced a huge percentage of websites. This challenge was to show nested navigation items on click-demand, without the event taking you through to the page you've pressed.

Read More »

doubleTapToGo – Responsive and Touch-Friendly DropDown Navigation

April 15, 2013     44992     Responsive Mobile Menu
doubleTapToGo – Responsive and Touch-Friendly DropDown Navigation

doubleTapToGo is responsive and touch-friendly dropdown navigation.

The technique consists of three main parts:

  1. Simple drop-down navigation based on HTML and CSS;
  2. Responsiveness implementation using media queries;
  3. Adoption for touch screen devices with the help of a super tiny jQuery plugin.

Read More »

Navobile – Mobile Navigation jQuery Plugin

April 10, 2013     12119     Menu Mobile
Navobile – Mobile Navigation jQuery Plugin

jQuery Navobile is a jQuery plugin that makes mobile navigation easy. Navobile uses CSS to apply CSS3 translations, Mobile device detection and fixing the position of nav.

Read More »

SooperFish – Multi Column Dropdown Menu jQuery Plugin

April 01, 2013     7693     Menu
SooperFish – Multi Column Dropdown Menu jQuery Plugin

SooperFish is a customizable solution for animated dropdown menus. It combines the features of superfish, structured programming of Droppy and a ton of new features like multi-column dropdown menus and configurable show and hide animation with custom easing.

Read More »

naviDropDown – jQuery Dropdown Menu with Easing and HoverIntent

March 23, 2013     9220     Menu
naviDropDown – jQuery Dropdown Menu with Easing and HoverIntent

naviDropDown is a simple jQuery plugin which allows you to create a simple drop down menu, utilising hoverIntent, and jQuery’s own slideUp and slideDown effects.

You can also set the orientation of the drop down depending if your navigation is horizontal or vertical, and set the duration and easing method of both slideUp and slideDown on initiation of the plugin

Read More »

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