• About
  • Advertise
  • Privacy & Policy
  • Contact
djavupixel.com
  • Home
  • Design
    • Fonts
    • Icons
    • Logo
    • Photography
    • Wallpapers
  • Development
    • CSS
    • JS
    • Web
  • WordPress
  • Contact
No Result
View All Result
  • Home
  • Design
    • Fonts
    • Icons
    • Logo
    • Photography
    • Wallpapers
  • Development
    • CSS
    • JS
    • Web
  • WordPress
  • Contact
No Result
View All Result
djavupixel.com
No Result
View All Result
Home Development

jQuery Plugins from Parallax to Navigation

djavupixel by djavupixel
October 27, 2013
in Development
207
0
jQuery Plugins from Parallax to Navigation
683
SHARES
2.2k
VIEWS
Share on FacebookShare on Twitter

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

 

 

Tags: CodingcssFreejQueryNavigation
Previous Post

Top useful Javascript & jQuery snippets

Next Post

Tutorial adding latest jQuery Version to WordPress with wp_enqueue_script()

Next Post

Tutorial adding latest jQuery Version to Wordpress with wp_enqueue_script()

Leave a Reply Cancel reply

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

Categories

  • CSS
  • Design
  • Development
  • Fonts
  • Icons
  • JS
  • Logo
  • MacOS
  • Photography
  • Uncategorized
  • Wallpapers
  • Web
  • Wordpress

Tags

Air apple car Chrome city Coding communication Corporate Identity Cross Site Scriptings css Design e-Commerce Earth Extensions Free Google Gradient Styles grd Guideline Icons iPhone iPhone4 JavaScript jQuery Landscape Logo mac Nature Navigation osx Photography Photoshop php plugins PSD Sans-Serif security Serif setup SQL Injections Tutorial Water Wordpress WP e-Commerce xss
  • About
  • Advertise
  • Privacy & Policy
  • Contact

© 2023 JNews - Premium WordPress news & magazine theme by Jegtheme.

No Result
View All Result
  • Home
  • Review
  • Apple
  • Applications
  • Computers
  • Gaming
  • Gear
    • Audio
    • Camera
    • Smartphone
  • Microsoft
  • Photography
  • Security

© 2023 JNews - Premium WordPress news & magazine theme by Jegtheme.

Welcome Back!

Login to your account below

Forgotten Password?

Retrieve your password

Please enter your username or email address to reset your password.

Log In
This website uses cookies. By continuing to use this website you are giving consent to cookies being used. Visit our Privacy and Cookie Policy.