Ads

Saturday, 27 December 2014

10+ New or latest Best, top Christmas and New Year jquery, js or java script ice or snow falling effect plugin tutorial with example for 2015

Christmas and New Year is (once again) just around the corner, has it been that long? Well, I guess time really flies fast when your coding! In this post find some Christmas and New Year spirit and put some JS jQuery and JavaScript made Christmas decorations on your websites. Have fun Just use it.
———————————————————–

1. jQuery Snow Falling plugin

Idea behind jQuery snow falling plugin is to create one snowflake initially, clone that snowflake at some time interval and add random values for properties for each of them. And it’s done in less than 1kb minifed.
jQuery Snow Falling plugin with example
Download   Demo

2. jSnow – jQuery Snow Effect

Adding an animation effect of falling snow with JavaScript is a quick and easy way to keep your site looking current during the holidays for your site’s users. jSnow, is a jQuery plug-in that adds falling snow effect to your website. jSnow is lightweight (2kb), doesn’t require any external files to run (css or images) and it’s very easy to use.
jSnow – jQuery Snow Effect animation with demo
Download   Demo

3. jQuery Snowfall 1.5 update now with snow buildup

Added snow buildup to the plugin, so now you can pass a jquery selector in the collection option and the snow will collect on top of all the elements matched. It uses the canvas tag so the snow wont collect in IE8 or lower.
jQuery Snowfall plugin with example
Download   Demo

4. Snowstorm: A JavaScript Snow Effect for HTML

Snowstorm is a JavaScript-driven snow effect that can be easily added to web pages. It is free for use, and easy to set up. A single JavaScript file provides the functionality required. No images are used for the snow effect.
Snowstorm: A JavaScript Snow Effect for HTML with demo
Download   Demo

5. Dynamic Snow Effect

Decorate your webpage with this great animated document effect! Watch as snow gently trickles down the page, and then disappear. The image used is changeable, so snow definitely isn’t the only effect this script can render…
Dynamic Snow Animation Effect with example
Download   Demo

6. jQuery font flake / snow flake experiment

jQuery font flake / snow flake experiment with demo
Download   Demo

7. jqsnow : jQuery Snow Effect Plugin

This extension decorates your webpage with falling snow in jQuery.
jqsnow : jQuery Snow Effect Plugin with example
Download   Demo

8. Beautiful Snow Falling Greetings with html5 css3 and jquery

We are Introducing a Snow Fall Animation with HTML5 CSS3 and jQuery. Surprise your Techy friend with this Wonderful Christmas Greetings with New Technology instead of Old Flash Animation. You can download this Christmas Greetings for free.
Beautiful Snow Falling Greetings with html5 css3 and jquery
Download   Demo

9. Xmass Snow Globes Animation Experiment

Using two animation effects, a snow 3d effect which runs using three.js 3d engine and a Firefly jQurey effect. The images are rotating in Roundabout jQurey carousel. I chose this Roundabout because is an carousel with infinite loop and has also jump option, can jump to a specific item in the carousel when is necessary.
Xmass Snow Globes Animation effect Experiment with demo
Download   Demo

10. JavaScript HTML5 Canvas Snow in 3D

JavaScript HTML5 Canvas Snow in 3D with example
Download   Demo

11. JavaScript Snow effect

A BIG snowflakes fall behind your website! This plugin using the HTML5 canvas element, which means it won’t work in IE8 or below.
JavaScript Snow effect plugin with example
Download   Demo

12. DS Snow a snow effect

This DHTML script displays a snow effect in background.
DS Snow a snow effect with example
Download   Demo

Wednesday, 24 December 2014

Geocomplete – jQuery Geocoding and Places Autocomplete Plugin

geocomplete-jquery-geocoding-and-places-autocomplete-plugin


Download Demo
Geocomplete is an advanced jQuery plugin that wraps the Google Maps API’s Geocoding and Places Autocompleteservices.
You simply provide an input that lets you search for locations with a nice autocomplete dropdown. Optionally add a container to show an interactive map and a form that will be populated with the address details.

Scrolline.js

scrolline

Download Demo
Scrolline.js is a jQuery plugin. Create a scroll line bar indicator on the page.
Compatibility
Safari
Firefox
Chrome
IE
Safari mobile
1. INCLUDE JS FILES


2. JAVASCRIPT
$.scrolline({
reverse : true,
position : ‘bottom’,
backColor : ‘#2980b9′,
frontColor : ‘#f1c40f’,
weight : 12
});
3. OPTIONS
You can apply a set of optional options:
backColor – Define the color of back’s scrolline (default ‘#ecf0f1′)
direction – Can be vertical or horizontal (default ‘horizontal’)
frontColor – Define the color of front’s scrolline (default ‘#2ecc71′)
opacity – Define alpha’s scrolline, value must be between 0 and 1 (default 1)
position – Define the position of scrolline : top and bottom for horizontal’s position, left or rightfor vertical’s position (default top in horizontal and left in vertical)
reverse – Revert the front line sens on set value at true (default false)
weight – Define the larger of scrolline on pixels (default 5)
zindex – Change the z-index value if needed (default 10)
scrollEnd – Callback’s function call at the end of scrolling
Share

colResizable

colresizable

Download Demo
colResizable is a free jQuery plugin to resize table columns dragging them manually. It is compatible with both mouse and touch devices and has some nice features such as layout persistence after page refresh or postback. It works with both percentage and pixel-based table layouts.
It is tiny in size (colResizable 1.0 is only 2kb) and it is fully compatible with all major browsers (IE7+, Firefox, Chrome and Opera).
Features
colResizable was developed since no other similar plugin with the below listed features was found:
Compatible with mouse and touch devices (PC, tablets, and mobile phones)
Compatibility with both percentage and pixel-based table layouts
Column resizing not altering total table width (optional)
No external resources needed (such as images or stylesheets)
Optional layout persistence after page refresh or postback
Customization of column anchors
Small footprint
Cross-browser compatibility (IE7+, Chrome, Safari, Firefox)
Events




Bootstrap Application Wizard

bootstrap-application-wizard

Download Demo
Bootstrap Application Wizard is a jQuery plugin for Bootstrap that allows multi-step forms to progress in a natural order while remaining flexible. It works as a drop-in addon to bootstrap and requires little configuration outside of setting up the wizard modal itself.