jqueryrain.com - Archives (décembre 2012)

Today  i  created a new looking “Google Map Instant Search” with simple  jquery and j-son script ,by using Google’s API and by using instant search function keyup(function(e)) this will started ...

“hoverOver” plug-in is useful for showing content on image or text blocks to show short information related to product, image etc. Plug-in provides various animation effects to show content. Features: ...

n the following tutorial we are going to go show how to create a jQuery plugin to display Twitter feeds via AJAX from either a username or search using the ...

jQuery.waiting is a timer that takes into account only the last call.Having a little trouble to explain the principle, I prefer to show you through the following example adds the ...

iLightBox allows you to easily create the most beautiful overlay windows using the jQuery Javascript library.By combining support for a wide range of media with gorgeous skins and a user-friendly ...

When called on a form element, localStorage is used to remember the values that have been input up to the point of either saving or unloading. (closing window, navigating away, ...

A small library for manipulating the favicon, in particular adding alert bubbles and changing images. Tinycon gracefully falls back to a number in title approach for browers that don’t support ...

Include this jquery plugin to get the location of the users visiting your webpage.This plugin displays the complete address, latitude and logitude of the user in a div and also ...

Today we want to show you how to create a horizontal layout in jQuery and CSS3 with several content panels. The idea is to make each panel individually scrollable and ...

It is a lightweight (4kb) JavaScript library that can help web-developers, especially HTML/CSS coders, to easily write CSS or JavaScript code for any specific browser without any CSS hacks. It ...

This tutorial will help you in developing jQuery plugin which will assist you to replace that complex file input with support for multiple files.You must be knowing that file inputs ...

Photobox is a lightweight image gallery modal window script which uses CSS3 heavily for silky-smooth animations and transitions. The goal was to great an image gallery script that utilizes GPU ...

In this tutorial we’ll use a couple of readily available jQuery plugins to quickly put together a cool little single page website of our own, complete with fancy scrolling effects.This ...

I created a Wikipedia instant search in jquery with integrated voice search, with little differences  in UI with jquery and html, by using Wikipedia  API Call Back function. And  by using the instant search  function  .keyup(function(e)). This brings ...

In this Article we are providing best jQuery html5 page flip book with examples and demo.Page flip book are one of the most popular ones of them in web design. ...

In our latest jQuery social network tutorial we are going to create a jQuery plugin to display Pinterest feeds via AJAX from either a username or pinterest board and display ...

FlipBook will take a sequential time series of images and animate them. Each image is shown for a short period of time and then replaced by the next image in ...

jqMetro is jQuery plugin for metro UI controls. Using this plugin you can convert your categorized items into a pivot-style view. This page itself is a good example of how ...

Today we are going to make a script for previewing the contents of an album with a slideshow-like animation. This can be used in photo galleries, online shops, profile pages and ...

JavaScript Gauges in Metro Style is a set of 8 gauges created in the modern Windows8 or Metro style which can be added to virtually any web application: ASP, ASP.NET, ...

An experimental slider pagination using the jQuery UI slider. The idea is to use a simple navigation concept that preserves layout and style while allowing content to stay easily accessible.

This jquery plugin displays a textbox to enter text. When you enter a URL in the textbox, the plugin creates a data box for a link having the link title, ...

Need a waving text? There is no need to use static images any more. This script will help you! Wave Text Effect is a jQuery plugin that creates a “wave ...

A jQuery plugin that given a ul with images inside their lis will do some things to line them up so that everything fits inside their container nice and flush ...

WebcamQRCode is a jQuery plugin that uses the webcam user to scan a QR code and return the result to Javascript to be treated. This plugin was originally developed to scan ...

This post explains how to use jQuery FlexBox plugin for Google like auto-suggestion box to edit data in jqGrid . Suppose jqGrid has Country column and we want to give ...

Maskew is a JS library for skewing the shapes of elements without distorting their contents. It is mobile friendly. There is no dependencies but a modern browser. It is less ...

In this tutorial we will be creating a simple page index which uses anchor links as stepping stones on the page. However the “jump” will be animated and scroll down ...

Speedo Popup is a small, powerful and real customizable jQuery plugin. Speedo Popup is not just a popup, Speedo Popup is: a Popup Plugin a Notification Plugin a Lightbox Plugin ...

Interactive maps for data visualizations. Bundled into a single Javascript file.

FlipPage is a jQuery plugin that creates the illusion of turning the pages of a book.Originally developed for a presentation on touch pad, it can also find its place in ...

Swiper – is the free and ultra lightweight mobile touch slider with hardware accelerated transitions (where supported) and amazing native behavior. It is intended to use in mobile websites, mobile ...

The small 1 KB library allows you to obtain the wipe event on an iPhone, iPad or iPod Touch which can be used for example to scroll through an image ...

Add touch support to your browser with thumbs.js – a small, transparent, and syntax-less library.Small, transparent, and syntax-less library that adds touch support to your browser. Handy for desktop debugging ...

zSnow can make your normal website into a winter/christmas theme! With more than ten options to choose from, you can make it as unique as possible. Each flake is programmed, ...

jQuery plugin for tables with fixed headers.FixedHeaderTable in its simplest form displays a fixed header for any valid table mark-up. This is an active jQuery plugin project so expect new ...

This tutorial explains how to create a vertical-scrolling single page website in four steps using jquery.There are at least 3 kinds of Single Page websites. The basic idea is that ...

IMGr is a jQuery plugin for rounding image corners. The script utilizes CSS3 in modern web browsers, and VML in Internet Explorer 8 and below. Features: Unobtrusive, <img> element preserved ...

Here is a new plugin for creating nice sliding captions for images. When hovering over the image, the caption appears and the image gets a semi-transparent color overlay.

This plugin create a fading effect for image on mouse over. In addition, you can select a color tone filter for your images. The tone is set for the images, ...

With jAnalytics you can add Google analytics stats and event tracking to your website. It will automaticly add event tracking to your outbound, email and download links. Features: Add google ...

spriteOnHover (Sprite on Hover) is a lightweight jQuery plugin designed to animate your sprite sheets on hover (duh).The spriteOnHover plugin will autodetect how many frames your sprite has, based on the ...

Makisu is an experimental jquery plugin for CSS 3D dropdown navigation menu supported for modern browsers like Chrome.

When creating thumbnail grids, we usually want to show image captions on hover to provide more information about the item. Image captions are usually shown in a very specific part ...

Smart Alert aims to replace standard dumb alert with fully configurable alternative, while maintaining its ease of use.

Add Shine is a jQuery plugin that converts solid a background color into a gradient that simulates a subtle shine.

jQuery filter.me is a jQuery dependant script that allows you to apply filters to images using Photoshop .acv Curves Adjustment files. jDataView is used to read the Photoshop file, from ...

Fuel UX extends Twitter Bootstrap with additional lightweight JavaScript controls. Other benefits include easy installation into web projects, integrated scripts for customizing Bootstrap and Fuel UX, simple updates, and solid ...

Simple audio wrapper for easy sound effects on your website. SFX.js plays OGG files when browser supports them, and falls back to MP3 otherwise. OGG is prioritized because it is ...

A tutorial on how to create a fullscreen pageflip layout using BookBlock. The idea is to flip the content like book pages and access the pages via a sidebar menu ...

OneMenu is a jQuery navigation menu plugin that is created for Metro UI themes. OneMenu supports responsive design, unlimited menus. Features: Responsive Design for Metro Themes Unlimited Menus. Unlimited Items ...

In this tutorial, we are going to create a mini help system with jQuery. This will be a small widget which will display help text or a guide to users ...

LoremImages is a jQuery plugin for populating your content with random images. Images are loaded from LoremPixel service and licensed under the Creative Commons Attribution-ShareAlike license.

This module creates a Circle view just like Google Circles on your website.Users can add objects to the circles, view objects in each circle etc and has complete client side ...

ShapeShift is a jQuery plugin which helps you to create a dynamic grid system with awesome multi-column drag and drop functionality.This jQuery plugin will dynamically arrange a collection of elements ...

This jQuery plugin automatically scales images to fit or fill their parent container. The defined parent container of the image must have a defined height and width in CSS.

Metro Gallery a flexible and easy to integrate photo gallery featured in Metro Design. It allows you to build your unique photo wall with your custom settings. Features: Unique Metro ...

This Javascript plugin displays a your images in full size when the mouse hovers over them.Just include this plugin and all images in your webpage will have the Hover-Zoom effect!

A small plugin for zooming IMG elements with the mousewheel/trackpad. Wheelzoom works by scaling and positioning a background-image, after it sets the IMG element’s src to a transparent png. Wheelzoom ...

Photo gallery jQuery plugins are everywhere you turn. Not a week goes by without some web design blog featuring a list of jQuery galleries, carousels, sliders and slideshows. GalleryView is ...

A fullscreen image gallery made with jQuery and CSS. The gallery features fullscreen images in various modes and custom thumbnail scrolling script.

Use jQuery to create iOS-like App Folders on any website. They can contain any content and be styled in any way. Features: Works great on mobiles Responsive design Fully styleable ...

Introducing a new jQuery PhotoZoom plugin, it helps you to view bigger images on mouse over component, this is very useful for media related web applications. You can customize the ...

Grooveplayer is a jquery music player plugin built off the open source jplayer multimedia plugin. The GUI resembles the unique look and feel of grooveshark. Grooveplayer allows you to organize ...

This module creates a Pinterest like Pin Board view on your website. Users can attach pins on the pin board .Has only client side view and uses jQuery with Masonry ...

This jQuery Plugin make your existing images responsive without creating new images.Responsive Img is a solution to all which combines a jQuery plugin with a PHP image pre-processor.The plugin enables ...

This script customize the animate.css and bootstrap.js, add CSS3 transition support with the Twitter Bootstrap, include the modal, popover and tab. You can enable this by change a little pice ...

jQuery plugin for displaying a simple feed of recent tweets.Tweed will replace anything inside a container, so if you want to have a simple “tweets loading” message, just place it ...

jQuery plugin for dividing and filtering elements based on their visual position. You can use it for running sequential animations on items.Volley requires all elements to be positioned in a ...

Photobooth-js is a jQuery plugin plus an html5 widget that allows users to take their avatar pictures on your site.This jquery plugin is supported in all browsers that support navigator.getUserMedia.

This is a beautiful Jquery Fullpage Lightbox Plug-in. It’s great for photographers and perfect for any designer to showcase their work and it is very reliable. It works on modern ...

Parallax scrolling is an interesting technique, where, as you scroll, the background images translate slower than the content in the foreground, creating the illusion of 3D depth. As I planned ...

Let me introduce the first Product Designer here on jQueryRain. You can use this plugin for any type of product. Use it as T-Shirt Designer, Business Card Designer, Device Designer….no ...

In this short tutorial, we are going to make a OSX-like folder with CSS3, by utilizing 3D transforms, gradients and box shadows. In addition, we are going to use jQuery ...

StackSlider is a highly experimental jQuery image slider plugin that explores a different and fun viewing concept for thumbnails, utilizing CSS 3D transforms and perspective. The idea is to navigate ...

slimScroll is a small jQuery plugin that transforms any div into a scrollable area with a nice scrollbar – similar to the one Facebook and Google started using in their ...

A jQuery audio player plugin that is responsive and touch-friendly. The UI is css-only, no images used. The jQuery plugin itself would be pretty much useless without the respective CSS ...

Multiple submissions of the same form is definitely one of the most common problem seen when working with web forms. Here’s a super useful piece of code to prevent multiple ...

Plasma fractal also known as Random Midpoint Displacement Fractal is not only a cool visual effect but also an extremely useful algorithm often employed in the computer games industry. Also ...

Feedget is a jQuery based RSS Feed reader plugin that allows you to easily include a simple RSS Feed widget on your website. There are several configuration options available that ...

ayaSlider is a jQuery plugin to create awesome flexible awesome sliders with multiple animations and embed any html. Features: Embed Any HTML Element Animate any/every element Customize the way you ...

Destaque is a simple jquery plugin with built-tin parallax effect which can be easily applied to multiple slides using Destaque Queue.

Figlet is a program for making large letters out of ordinary text.Figlet-JS is a JavaScript implementation of a FIGdriver and is available as a Node module and a jQuery plugin.

Sketch.js is an easy-to-use jQuery plugin that allows you to create canvases upon which visitors can draw. The code is partially inspired by William Malone’s drawing app tutorial as well ...

A simple jQuery plugin that draws grid columns to a twitter bootstrap layout. Working better with non fluid layouts (container-fluid, row fluid).

Another way to make your form easier to fill for your visitors: Highlight related label when input in focus. Here’s some jQuery goodness to help.

jQuery plugin to resize images to fit in a container.

Responsive Flick Gallery is a completely responsive gallery that allows developers to load their images via AJAX using the flickr api. The Responsive Flickr Gallery has a wide range of ...

Drag ‘n’ dropping items has its various popular uses and shopping carts are definitely one of them.In this tutorial, we’ll be creating a simple shopping cart that works with drag ...

Multi-Color progressbar component for Twitter Bootstrap creates a progressbar which consists out of three colors or zones. Green (bar-success) Orange (bar-warning) Red (bar-danger) The progressbar consists out of three zones: ...

Sprite mainly thought of as a large image listed consecutive Figure 2D animation in game programming. Should be understood that the example below, one look at sprite.This plug-in and try to ...

Add social share buttons to any website without any knowledge of code.Allow your users to share to the 5 most popular sharing social networks instantly! Without any configuration whatsoever, the ...

jQuery.stickysectionheaders takes a nested list and enables section headings as known from iOS table views. When scrolling down, always the current section heading “sticks” to the top of the list ...

Alertify is an unobtrusive customizable JavaScript notification system. Features: Fully customizable alert, confirm and prompt dialogs Fully customizable unobtrusive notification system Callback parameter handling both OK and Cancel button clicks ...

This is an implementation of rating stars on top of jQuery. It follows the philosophy of the Prototype/Scriptaculous Starbox plugin but is not quite as sophisticated. It does not currently ...

A few weeks ago, Dropbox introduced a neat new feature – the Dropbox Chooser. By embedding it into your website, you give users a button with which they can attach ...

Flux (rss): http://feeds.feedburner.com/Jqueryrain?format=xml