Archive for October, 2015

5 Cool and Useful jQuery Tricks

1. Disable Right Click The code snippet below disables right click on an entire page, but you can make it work on only particular page elements by changing the selector from document to something more specific. [javascript] $(document).ready(function(){ $(document).bind("contextmenu", function(e){ return false; }) }) [/javascript] 2. Set a Timer The following code snippet sets off an […]
Read the rest of this entry »

10 jQuery plugins with full screen support

Developers can check out the list below of jQuery plugins that provide full screen support. These plugins provide full screen website, image galleries, editor, slider, menu, loading bar, Youtube videos and modal windows. 1. fullPage.js fullPage.js is a simple and easy to use plugin to create full screen scrolling websites (also known as single page websites […]
Read the rest of this entry »

10 jQuery Plugins with Google Material Design

Google’s material design is becoming popular due to better user experience, eye catching animations and its simplicity. In this post, find a complied list of jQuery plugins which have created material design effects. These plugins provides material design effects to progress bar, buttons, charts, timer, stopwatch, notifications and input controls. 1.     Material PreLoader https://github.com/aarondo/Material-Preloader Material […]
Read the rest of this entry »

Using jQuery to Create a Drop-down Menu

Creating a drop-down navigation menu using jQuery and CSS is simple. Start off with some html for a basic navigation menu. This menu only has two links, the second of which is going to have a drop-down menu. [html] <div id="menu"> <ul> <li><a href="#">Link One</a></li> <li><a href="#">Link Two</a> <ul class="dropdown-menu"> <li><a href="#">Dropdown Link</a></li> <li><a href="#">Another […]
Read the rest of this entry »

Use jQuery to Create a Simple Slider

All it takes are a few lines of code to make your own simple, lightweight content slider using jQuery -- no plugins necessary. First, use divs to separate your content and create each slide. Make sure each of these divs has its own unique ID. Each div should also contain text or an image/icon with […]
Read the rest of this entry »

10 jQuery Plugins to create flip effects

In this post, find a complied list of jQuery plugin to integrate flip animations. These plugins provides flip effects to images, text, image gallery, clock and any DOM element. flipLightBox http://flipgallery.net/fliplightbox.html flipLightBox is a free Responsive Lightbox jQuery Plugin that is extremely easy to implement and doesn't require any additional stylesheets, scripts or libraries. Its […]
Read the rest of this entry »