jQuery Plugins from Parallax to Navigation

jQuery plugins make our life easier, and it’s always great to discover new ones that make it easy to add cool functionality to our projects. So for today, we have some fresh jQuery plugins to share with you. From Parallax to Navigation, there are several interesting plugins for you to try. Enjoy and share with others!

Perimeter.js

Perimeter.js creates an invisible perimeter around a target element and monitors mouse breaches.

perimeter
Use cases

  • Get the user’s attention, in terms of showing some sort of tooltip / popover when hovering near a certain element, like a hint or a tip.
  • Lazy load a script when the perimeter of the target element is breached (AFAIK Google does this when a user moves it’s mouse towards the red ‘compose’ button).
  • Fetch data via AJAX and do something with it when a users navigates towards a certain element.

Specs

  • Lightweight; (~0.6kb minified / gzipped)
  • No dependencies; just plug it in and you’re good to go
  • Built-in debugger to actually see where the perimeter is located (boundary.js)
  • Fully documented
  • Unit-tests available

 

favico.js

Make a use of your favicon with badges, images or videos.

favicon
Works on Chrome, Firefox, Opera but not on IE 10.

 

Animo.js

A powerful little tool for managing CSS animations.

animo
“CSS animations are phenomenal and offer numerous advantages over JavaScript powered animations. First, they’re hardware accelerated, which sometimes hard to notice on a desktop but is unbelievably present when viewing on a mobile browser. Second, I personally feel it’s much easier to visualize and write the animation/transition in CSS using keyframes.

The problem with CSS alone is that they’re usually fired on page load or a hover event, and you can’t stack animations or trigger another when one has completed. That’s where JavaScript and animo come in. You can easily stack animations to fire one after another, specify callbacks for the completion of an animation, or simply fire animations on any event or at any moment you please.”  Animo

 

jQuery Scroll Path

jQuery Scroll Path is a plugin for defining custom scroll paths which could be a nice effect in a full window animation or in a slider. It uses canvas flavored syntax to draw lines and arcs.

jQuery-Scroll-Path

 

Superscrollorama

The jQuery plugin for supercool scroll animation. Tons of effects are available such as Fade, Fly, Spin, Scale, Smush, Pin, Slide, Wipe, Bounce and much more.

Superscrollorama

 

Cool Kitten – Parrallax Scrolling responsive frame work

Cool Kitten is a responsive paralalax scrolling Framework. It allow to do parallax and responsive pages.

 

Cool-Kitten

Framework

It is a collection of HTML/CSS and JavaScript files to be used for web designers and developers.

Responsive

The best way to have a website with abilities to be viewed in every computer, tablet and mobile.

Parallax Scrolling

The last web trend! It makes a beautiful visual effect that brings a second life to every slide.

 

 

Toolbar.Js

Toolbar allows you to quickly create tooltip style toolbars for use in web applications and websites. The toolbar is easily customizable using the twitter bootstrap icons and provides flexibility around the toolbars display and number of icons.

Toolbar

Features

  • Straightforward implementation with simple options
  • Can run as many toolbars as required
  • Toolbars can be attached to any element required
  • Toobar icons are easily customised through the popular twitter bootstrap framework
  • Toolbars are responsive and follow the element on resize

 

Navgoco

Navgoco is a simple JQuery plugin which turns a nested unordered list of links into a beautiful vertical multi-level slide navigation, with ability to preserve expanded submenus between sessions by using cookies and optionally act as an accordion menu.

Navgoco

 

 

This entry was posted in Development and tagged , , , , .

Leave a Reply

Your email address will not be published. Required fields are marked *