Sunday, September 20FreeJQuery

Menus

SlideMenu.js : Easy Off-Canvas Menu
2019, Core Java Script, Menus

SlideMenu.js : Easy Off-Canvas Menu

Easy Off-Canvas Menu In This Article You can read about easy Off-Canvas Menu is a easy menu with mobile touch support.Off-canvas menus are ones that are located outside of a user’s viewport and only slide in when a user activates them. This technique is awesome from the point of view of mobile usability. Menu fiction Off-Canvas Menu The fly-out menu has been proven to be the most efficient navigation that dramatically can improve your visitors experience on your website.scotchPanels.js scotchPanels.js is a jQuery plugin for easily creating off canvas menus, navigations, and other panel types such as images, videos, and iframes. Slidebars Slidebars is a jQuery framework for quickly and easily implementing app style off-canvas space into your website.Pushy Pus...
Pagemap : Mini map for web pages
Core Java Script, maps, Menus

Pagemap : Mini map for web pages

Pagemap for web pages a sort of navigation system which uses mini map for single page website or any other lengthy web page with JavaScript and html5 canvas.pagemap, a mini map navigation for web pages Posted by Bramus! August 28, 2019 Leave a comment on pagemapMany text editors nowadays sport a minimap on the right hand side of the screen. Pagemap is like that, but for webpages:To use it, position a canvas element fixed on your screen, and tell pagemap which elements to include in the map: <canvas id="map"></canvas> #map { position: fixed; top: 0; right: 0; width: 200px; height: 100%; z-index: 100; } pagemap(document.querySelector('#map'), { viewport: null, styles: { 'header,footer,section,article': rgba...
Radial Menu with JavaScript
Core Java Script, Menus

Radial Menu with JavaScript

Radial Menu Radial menu is a highly customizable radial menu that’s very easy to setup.It is customizable and beautiful radial menu for your web app that can be used as a standalone menu or override the default context menu. On a desktop or notebook click the second button of the mouse (context menu). On a smartphone or tablet, click the screen and hold for few seconds and the menu will pop.About Radial Menu Create a customized and beautiful radial menu for your web app that can be used as a standalone menu or override the default context menu. On a desktop or notebook click the second button of the mouse (context menu). On a smartphone or tablet, click the screen and hold for few seconds and the menu will pop.Work in progress. Writing the documentation and doing some tests.F...
Shy Header : jQuery Animated Sticky Header Plugin
Menus, Plugins

Shy Header : jQuery Animated Sticky Header Plugin

A simple, light-weight and easy-to-use jQuery Plugin that shows/hides the header of the page when users scroll the page down more than its height. However, the header remains watching the page so when users scroll the page up its being showed.Features:• You could change the name of the class that is going to be added to the header Read More | Demo | Download  
The Intence : A brand new way of Scrolling Indication Jquery
Menus, Plugins

The Intence : A brand new way of Scrolling Indication Jquery

The Intence is a new UX concept and a JavaScript library which reflects the scrolling state in a simple and intuitive manner. The Intence is suggested as a scrollbar replacement for a general designation of a area you can scroll. The library is written in vanilla JavaScript and has no dependencies. This plugin is very simple & easy to add to any website which is related with news and articles. Read More | Demo | Download -----------------------
PrMenu : jQuery Responsive Multi Dropdown Menu
Menus, Plugins, Responsive

PrMenu : jQuery Responsive Multi Dropdown Menu

PrMenu is a very lightweight, responsive menu plugin for jQuery. Provides a menu with links evenly distributed across width of menu container. It's very easy to use.Features:Links are evenly distributed within menu container Maximum four menus levels (three nested) Auto text wrap of long link text (maximum two lines) Auto link background colors for all levels based on initial background color All settings can be changed by passing in your own optionsRead More | Download -----------------------
Progress Nav : CSS Animate Mark on Scroll
Animation, Menus

Progress Nav : CSS Animate Mark on Scroll

Progress Nav page demonstrates an idea for how progress can be visualized inside of a standard page nav. Scroll the page and note how the marker animates to highlight all of the sections that are currently on screen.Read More | Demo | Download  
Menus, Plugins, Responsive

Hiraku.js : jQuery Offcanvas Menu Plugin

We made jQuery plugin called hiraku.js so that more people can use Offcanvas-menu functionality which is used in a CMS we make.Features:Not affected by the DOM structure. Enable to open both right and left side menu. Main canvas is not scrolled, while scrolling Offcanvas-menu. Easy to control the movement Accessible for keyboard navigation and screen readers.Read More | Demo | Download  
GreedyNav : jQuery Responsive Navigation Menu
Menus, Responsive

GreedyNav : jQuery Responsive Navigation Menu

A responsive navigation menu that stacks items into a dropdown menu when they overflow.When the user resizes the window the nav will shrink, any overflowing items will be removed from the visible list and get prepended to a list of vertically stacked items that are hidden. The user is notified of this action by a count badge next to a hamburger icon.Read More | Demo | Download  
Mobile Menu Hamburger with jQuery & CSS
CSS2 / CSS3.0, Menus

Mobile Menu Hamburger with jQuery & CSS

A hamburger menu for mobile websites. A demo how to create an up-to-date menu for a mobile website in a typical hamburger style.This Template is using only CSS and javascript (jQuery), Very Smart & Sharp.      Read More | Demo | Download -----------------------