Menu and Navigation

47 articles

Custom Dropdown Builder for Styleable Inputs and Menus – jQuery EasyDropDown

EasyDropDown is a jQuery plugin that effortlessly turns humble select elements  into styleable custom dropdown menus for use in forms or general UI/navigation. Clean, semantic markup Form & validation compatibilty Full keyboard control with textual search Inner-scroll for long lists Degradation to native UI on touch devices Fully functional IE8+ supported custom dropdown and custom input controls [rss]Special Downloads[/rss] [rss]Design…

A Simple jQuery Plugin for Creating Single Page Websites – Animatescroll.js

AnimateScroll is a jQuery plugin for creating single page websites, it enables you to scroll to any part of the page in style by just calling the animatescroll() function with the Id or Classname of the element where you want to scroll to. It gives power to the user with its various options to customize the style of scrolling, scroll…

A jQuery Plugin for Responsive, Mobile Friendly Navigation: Naver

Naver is an easy way to turn any navigation system into a responsive-ready, mobile-friendly toggle. The navigation states can be also be animated. The navigation states can be also be animated. Naver works by setting heights, so when transitioning between break points you may wish to reset the navigation state. You will need to use a plugin like Rubberband to…

jQuery Responsive & Multi-level Navigation Menu Script: SlimMenu

slimMenu is a lightweight jQuery plugin, which is made to create responsive and multi-level navigation menus on the fly. With slimMenu, you'll no longer struggle with media queries to create responsive menus, or any other heavy plugins to create multi-level nested menus. slimMenu does both job for you and it's only 5KB(2.5KB minified)! [rss]Special Downloads[/rss] [rss]Design Freebies[/rss] [rss]Feedback Collection and…

Responsive Navigation Patterns – Adventures in Responsive Navigation

Navigation patterns in responsive web design can be tricky to tackle - especially while keeping a consistent look, feel, and experience on your site. Adventures in Responsive Navigation provides a little list of some popular methods of dealing with navigation on a responsive website. It comes with code samples of different navigation patterns discussed here. Grab the code and craft…

HTML5/CSS3/JS Presentation/Website Framework: Flowtime.js

Flowtime.js is a framework for easily building HTML presentations or keyboard driven websites. You can navigate through pages via links, keyboard or deep-linking. Links are managed using the href value targeting a formatted hash destination. Flowtime.js is designed to perfectly fit your viewport and is based on a solid display: inline-block; foundation. This framework doesn't style your presentations or sites for…

Cross Platform, Lightweight jQuery Based Huge UI Toolkit: jKit

jKit is an easy to use, cross platform, jQuery based UI toolkit, that's still small in size, has the features you need, and doesn't get in your way of doing things! There are a lot of effects and components, including tooltips, charts, parallax scrolling, and a lightbox. The project has detailed documentation on each of the bundled plugins. jKit has…

Scroll Lists (Make Carousel) With Any List Scroller jQuery Plugin

Any List Scroller is the jQuery plugin to scroll any list (make vertical/horizontal carousels), of any dimension, with any content, list elements can be texts, images, anything. This customizable list scroller plugin lets you set the number of visible items and scrolling step.   List items must not have a fixed size, or equal to each other The list can be scrolled horizontally…

Create Paneled-Style Menu (Like Mobile Versions Of Facebook and Google)

jPanelMenu is a jQuery plugin that creates a paneled-style menu (like the type seen in the mobile versions of Facebook and Google, as well as in many native iPhone applications). Animation is handled by CSS transitions. CSS transitions are hardware-accelerated on supporting devices, so the animations are silky smooth. For browsers that do not support CSS transitions, the jQuery animation…