jqueryrain.com - Archives (octobre 2012)

In this tutorial I want to explain how we can build a similar instant search web application. Instead of pulling images from Google we can use Instagramwhich has grown tremendously ...

Responsive Tile Gallery is a completely responsive image gallery. It allows your visitors to easily sort and view all of your images. It also allows you to put your images ...

Fabric.js is a framework that makes it easy to work with HTML5 canvas element. It is an interactive object model on top of canvas element. It is also an SVG-to-canvas ...

I would like to show you something called the Html5 and Jquery Slide LightBox. In the internet i see a typical type of lightbox is the one jquery own lightbox ...

The Javascript library and jQuery plugin that suggests a right domain when your users misspell it in an email address.Mailcheck will offer up suggestions for top level domains too, and ...

I didn’t get a pine tree for Christmas this year so I decided to compensate by creating a digital counterpart out of HTML form elements.

Today’s freebie is a collection of open source jQuery & PHP ajax contact forms, we call it Formify. Formify is a contribution to lessen the pain of creating contact forms. ...

spectragram.js is a jQuery plugin using the Instagram API to fetch and display user, popular or tags photo feeds inside a list or any container you define. Features: Get the ...

FSN (Fullscreen Site Navigation) is a JavaScript plugin that lets to build in the easy and quick way a fullscreen website.FSN can be integrated into any cms or website template: ...

A JQuery tooltip plugin that easily adds tooltip interaction to HTML element that requires a bit more information than a title attribute.

We’ll build a minimal yet stylish Tabs for your next project!

Tooltip is a splendid invention. Small detail in web design that plays a big role when it comes to user experience. Usually, tooltips are used to present a tiny amount ...

I like the Google+ notification box and lately I wondered how to code a notification box that look like something like that. I love its simple design and box animation ...

Toggle Panel is a lightweight jQuery plugin that helps you create toggleable content. Features : Toggle Panel fits right into a responsive or fluid design. Fixed width is possible too. ...

Today I would like to show you something called the Jquery Magical Contact Form. Yesterday i was thinking about the contact form i saw many contact form on internet but ...

jQuery plugin for simple but powerful sprite based animations and panning.Motio is called on an element representing animation container, where animation is delivered as a CSS background image. In sprite ...

The package is based around the way you already build your website, so you don’t have to retain swaths of arbitrary knowledge to use it on a regular basis. With ...

jQuery plugin for one-directional scrolling simulation with item based navigation support and lots of other goodies.Sly is being applied to FRAME. SLIDEE is a first child of a FRAME. The ...

jLocator is a jQuery store locator plugin uses Google Maps API V3 and enables searching, sorting, filtering and pagination for your stores. No database required. Features: No database required Google ...

Protovis composes custom views of data with simple marks such as bars and dots. Unlike low-level graphics libraries that quickly become tedious for visualization, Protovis defines marks through dynamic properties ...

Toggles is a lightweight jQuery plugin that creates easily-styleable toggle buttons.

A jQuery plugin to handle the print() functionality. This way, we can make anything on the page printable using a jQuery selector. The caveat being that the containing element is ...

The Wall is a plugin for Mootools javascript framework designed to create walls of infinite dimensions. Its flexibility allows different applications, from infinite wall mode to Coda slider mode. The ...

Today I would like to show you something called the Fancy Toggle Jquery Slider with a Personality. We are always on the lookout for Jquery sliders. We search it on ...

SIMPLEMODAL is a small plugin to create modal windows. It can be used to generate alert or confirm messages with few lines of code. Confirm configuration involves the use of ...

The main goal of FilterSlider is to manipulate images and HTML content using canvas, jQuery library and Javascript.It uses advanced techniques to produce some of the popular effects like grayscale, ...

Inspired by the website GOTOCHINA and jQuery Supersized by Sam Dunn, I have a jQuery plugin SuperBGImage created. For a recent project I had to adjust the Supersized plugin and integrate it into a REDAXO page. Since ...

A jQuery plugin that quickly fits single and multi-line text to the width (and optionally height) of its container.The text will scale until it reaches the horizontal or vertical bounds ...

Slider with css3 transitions and many effects.In browsers that don’t support css3 transitions classes won’t be animated but some effects will still work, just a bit choppy.

This is a jQuery plugin that uses input from a textbox to filter rows in HTML tables. its fast and lightweight (the minified version is just 872 bytes).

uiji is jQuery in reverse. Instead of using CSS selectors to find elements, you use the same syntax to create elements.

jQuery Mobile is an excellent way to create web applications for mobile devices, but it suffers from a bit of a PR problem. When I first learned about the framework, ...

Features: CSS3 driven animation. Auto delay slideshow, hove to pause. Optional link of the image. Optional loop of the photo stack. Optional display numbers.

fancyBox is a tool that offers a nice and elegant way to add zooming functionality for images, html content and multi-media on your webpages. It is built at the top ...

jQuery BART is a notification plugin for jQuery, or more appropriately an ‘annoyification’ plugin. As the purpose of this plugin is to present content on the page that will attract ...

PaintbrushJS is a lightweight, browser-based image processing library that can apply various visual filters to images within a web page. You use it by applying a class to an element ...

This time Google has invested some resources in designing their sites. Like Gmail has been made much better. The new theme is simple and sober. I liked the floating toolbar ...

Build a simple, interactive, historical timeline with HTML, CSS, and jQuery. The benefits of this timeline script are that it’s (1) fully accessible and 508 compliant (an original requirement) (2) ...

Today we will learn how to print a section of the page using jQuery plugin PrintArea. This plugin allows us to indicate which container on the page we want to ...

Transformer layout jQuery plugin adds support for CSS3 media queries (min-width and max-width) across all browsers allowing you to develop layouts that adapt depending on the current window width, text ...

jTabs (other name Jaegers Tabs) built with modern web standards in mind, using custom JavaScript library (4kb gzipped). The live preview includes default themes, available transitions, and describes key features, ...

dancer.js is a high-level audio API, usable with both Mozilla’s Audio Data API and Webkit’s Web Audio API with flash fallback, designed to make sweet visualizations. Features: Use real-time audio ...

Today I would like to show you something called the Jquery Slider with a Personality. We are always on the lookout for Jquery sliders. We search it on websites and ...

A jQuery plugin that makes it easy to share and demo code in-page, using GitHub gists.Sharing code is an essential part of the Internet. It’s how we learn.The Gist service ...

PFold is a very experimental jQuery plugin that makes it possible to open elements in a paper-like unfolding effect. An element can be unfolded in 3D in order to reveal ...

This tutorial will take you through the step by step development of building a ToDo App entirely powered by Web SQL. You will learn about getting started with Web SQL, ...

Prism is a new lightweight, extensible syntax highlighter, built with modern web standards in mind. It’s a spin-off from Dabblet and is tested there daily by thousands. Features: Each language ...

Parallax Effect – Full Collection of Sliders comes in 4 versions: Classic, Perpetuum Mobile, Mouse Interaction and Ultra. Each of these 4 versions has 2 skins (bullets & thumbs) and ...

bxGallery is jQuery image gallery plugin that contains automatic thumbnail generation. Features: automatic thumbnail generation custom size / cropping methods for thumbnails thumbnail placement option maximum height and width options ...

Of late there has been a UI trend of page elements (usually navigation items) that scroll with the rest of the page until they reach the top of the browser ...

jCouch is a very lightweight jQuery plugin that provides you the feature of viewing a web page in distraction free mode. If your website is text oriented and the visitors ...

Pedalboard-js is a ground-breaking, first of its kind, novel open source JavaScript framework for developing audio effects and applying them to sound sources, and it’s particularly good at guitar effects. ...

A command-line tool for generating HTML slideshows with JSON.Cleaver is a one-stop shop for generating HTML presentations in record time. Using only an intuitive JSON format, you can produce good-looking, ...

hey hi today i wanna show you Layers 3D is a powerful jQuery plugin which you can use for creating ‘Parallax’ or ‘Out of the Image’ effects on your site. ...

xSquare is a responsive jQuery image slider. It has a layout that consists of grids making it useful for variety of web page positions. Though the main purpose of the ...

In this tutorial we will code the Login Form that you can find in Futurico UI Pro made by Vladimir Kudinov. To create it we will use CSS3 and jQuery.

Kiandra is pleased to announce the open sourcing of a jQuery UI theme we think you’re going to love. We have been using the “Delta” theme for the better part ...

The Expander Plugin hides (collapses) a portion of an element’s content and adds a “read more” link so that the text can be viewed by the user if he or ...

jQuery has always been used to create random animations and effects on web pages. I have written a simple script in jQuery that animates the text in such a way ...

Virtual Piano Chords is a jQuery plugin to easily create virtual piano chord/scale to better understand how chords and scales related to each other visually and mathematically. The Options are ...

JSound is a simple jQuery plugin for playing sounds on any html tag element ,it works only on modern browser with html5. You can define sounds everytime the cursor hover ...

Animatable is a ultimate animation in javascript with one property, two values, endless possiblities.

If you have ever dreamt of showing real time data on your website then this tutorial is for you. In this tutorial I will show you how to show real ...

At the moment this is a plugin for jQuery to render a PDF. It uses the PDF.js library from Mozilla to render the PDF completely inside the browser. Requires no ...

FrameIt is a Responsive jQuery plugin for frame images.Objective of the plugin is to create a plugin that works on mobile devices, smartphones and desktop without loss functionality. This plugin ...

Windy is a jQuery plugin that allows a rapid navigation through a pile of items using some CSS 3D transforms and transitions. The effect of a continuous navigation flow reminds ...

Here a new Jquery Cube Animated Menu with smooth animation. So this is the best jquery animation menu you can use it for your next website project, there are 15 ...

The TickerType jQuery plugin allows you to animate a set of headlines or any other list of text items.

Pikaday is a JavaScript datepicker with a light footprint and easy style-ability with modular CSS. Pikaday is packed below 5kb and isn’t even dependent on jQuery. It does play well ...

Gritter is a very nice growl-like notification plugin to use on website, which creates a beautiful notification box like the ones in Mac OS X.

I created a great interface for an administration panel, complete with great looking forms and buttons. The one thing that stuck out like a sore thumb, however, were the ugly ...

jQuery Responsive flipbook responsive design double pages no Flash Player needed (works on the Ipad etc.) show all pages excellent tools to zoom ajax form

Before a week one my friend had requested me to suggest any jQuery plug-in that is carousel with accordion effect inside. I tried to find one suitable plugin – but ...

A fluid asymmetrical animated grid plugin for jQuery.Flex is an idea inspired by the old flash homepage on Adidas.com. Searching google for anything that resembled that effect, lead me to ...

tabSwitch is a tab/slider plugin for jQuery. You could make a tab box system with the least of code and still fully customizable. Currently, you could choose from 7 different ...

I was searching around the internet trying to find a responsive text solution that was lightweight and easy to use. The few that I stumbled upon didn’t work exactly how ...

jQuery plugin to dynamically create select elements with hierarchical options.This jquery plugin converts passed JSON option tree into dynamically created <select>elements allowing you to choose one nested option from the ...

Textify is a jQuery plugin that allows you to automatically create an attractive and modern layout for your contents, avoiding to show your users longer and boring texts. You can ...

In this tutorial I’m going to show you how to create tabbed containers using jQuery. Tabbed containers is an excellent way of presenting your content. Data is organized where only ...

A simple jQuery UI widget to pretty up <select> elements and input custom ranges. It’s fully unit tested too, you can run the tests if you like.It works by setting ...

A jQuery plugin for newspaper-like columns on the web. It grabs the child elements of a container and organizes them into a top-down, customizable, set of columns.

A simple lite jQuery color picker plugin with a swatch to remember the last 10 colors chosen, that uses html5 markup.

This jQuery html5 plugin automatically saves and persists form state on the client-side across page requests without need of server-side state management or cookies. ALL the major browsers support this! ...

D3 Cloud is a Wordle-inspired word cloud layout written in JavaScript. It uses HTML5 canvas and sprite masks to achieve near-interactive speeds. This layout requires D3. It’s similar to d3.layout.force, ...

Inspired by the step by step movements of the shuffle dance and the new Metro UI look, Shuffling Tiles combines elements from both and then some, producing a versatile, animated ...

productColorizer is a light-weight solution for users to quickly preview a product in different colors. The plugin uses only two images per product to create the effect and it is ...

slideControl jQuery Plugin.This plugin allows you to create nifty slider controls for text inputs.You can change the look of your slide controllers in there from background color to size to ...

Let’s face it, your users need sweet little notifications to keep them all warm and fuzzy inside. Sticky allows you to send such messages with ease, and class. Quickly notify ...

A tutorial on how to create some custom drop-down lists. We’ll show you five examples with different looking drop-down menus and lists for various purposes. The point of this tutorial ...

MockJSON is a plugin for jQuery that can hijack JSON and JSONP requests and respond with randomly generated JSON data. Completely random JSON would be pretty useless of course, so ...

This jQuery snippet will invoke the click event for the first radio button named “gender“.

This article will show you how to create pretty hover effects for your images using jQuery and CSS. The plan is to use a clean mark up, adding the necessary ...

Wope slider is a light, fast, clean, elegant, responsive and touchable slider. It allows you to create a powerful slider to showcase your products or service effectively and attractively with ...

A* is an algorithm for finding the shortest path between two points. It is very useful in game development. Any tile-based game that requires this kind of movement will probably ...

We set out with ambitious plans to have our website feature the live weather conditions using the geo location from anyone who looked at it. We wanted the time of ...

All carousels on this website are created for your inspiration, using only the jQuery-library and the jQuery.carouFredSel-plugin.They have been tested to work on FireFox and Chrome.

Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. It offers a clean Scene Graph / Document Object Model and a lot ...

If you’ve ever worked on a responsive website, you’ve no doubt had to tackle one of the trickiest problems in this emerging field: navigation. For simple navigation, the solutions can ...

  jQuery-timing provides easy-to-use methods to define iterations, timeouts, intervals, Deferreds, and event-based loops and handlers just in line with all your jQuery stuff. jquery-timing is designed to change the ...

JackBox is a Responsive Lightbox with Real Social Sharing. Features: Responsive / Mobile Ready Retina Ready Graphics Share any item through Twitter, Facebook, Pinterest and Google+ Deep-linking, every item has ...

I wanted to recreate the slide out menu in the Facebook iPhone app. I also wanted implement it in a jQuery mobile layout. This is what I came up with.

In this tutorial we will create a very simplistic and responsive product slider for an online store or a portfolio. The idea is to have different sections in a fullscreen ...

UIKit is a small (4kb minified / gzipped) collection of flexible, cohesive, decoupled components for the modern web. With an emphasis on structure-only styling making it simple to apply application ...

This is a small plugin for jQuery that adds a nice feature to rotate images (img html objects) by a given angle on web pages. This is a simple plugin ...

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