jqueryrain.com - Archives (juillet 2012)

jQuery Mobile is a free, open-source, cross-platform, JavaScript library that you can use for developing mobile websites. This library lets you create pages that look and feel like the pages ...

Slide Submit is a jQuery plugin which will convert almost any object into a form-submitting or form-enabling slider. Instead of pressing a button, users can slide the slider to submit ...

Screw, a word I re-coined from scroll + view, is a jQuery plugin which loads HTML as a user scrolls the webpage. Screw will help you save bandwidth by only ...

jSquares is a jQuery plugin that pops up an image and a description in an overlay on hover. It is basically identical to the image grid found on www.ted.com. Works ...

Simply place some text in the title attribute and give the image class=”captionme” and you will get lovely “wrap-around” captions which compliment your inline images. Simply play around with the ...

Get rid of that ugly tree menu on your site with niceTree. An easy to install JQuery plugin with more options than you’ll ever need. niceTree will take your HTML ...

Hallo is a very simple in-place rich text editor for web pages. It uses jQuery UI and the HTML5 contentEditable functionality to edit web content. The widget has been written ...

Simple jQuery plugin for dragging 360° panoramas (cylindrical projection) and other seamlessly looping images around

We needed a PHP and jQuery image upload and crop tool and came up with the following. Before you start, ensure you have the following: PHP 4 or Higher (It ...

Parallax scrolling website interfaces have been popping up all over the place recently. I didn’t want to miss out on the fun, so I have put together a parallax scrolling ...

Sidetap is a simple framework that allows you to quickly build platform-independent mobile web interfaces.We built Sidetap to be an easy-to-use implementation of the side navigation pattern popularized by apps ...

Tagyourimages is a plugin for jQuery that lets you to make interactive your images.Now you can insert text and links on your images!.Through the tagTool you can tag your images ...

“jq.carousel” is a jQuery plugin you can implement a simple carousel and Customizable.Because they are designed to be flexible in various situations, can also be embedded in a responsive site ...

This tutorial will be more useful for those with knowledge of the basics of jQuery and CSS. The tutorial doesn’t require that much expertise in coding but at least should ...

This plug-in makes links pointing to images open in the “Image Zoom”. Clicking a link will zoom out the clicked image to its target-image. Click anywhere on the image or ...

flipsnap.js is snap scroll for touch device.It supports : iOS Safari (iOS4+) Android Browser (Android 2.1+) (*1) Android Firefox Mobile 9.0+ Android Opera Mobile 11.50+

PrimaryWall is a web-based sticky note tool wall, build with node.js, socket.io & jQuery designed for schools that allows pupils and teachers to work together in real-time.Getting ideas, collaborating, sharing and ...

BlocksIt.js is a jQuery plugin for creating dynamic grid layout like Pinterest. It allows join of 2 or more blocks into a big block element.How? Well, simply specific the number ...

This plugin looks for all images, and wrap it inside a container that come with a pinterest Pin it button. So, your visitor just have to hover above the image ...

Today I would like to share with you a brand new jQuery plugin, called jPreLoader. jPreLoadercan create a preloading screen for your website before all your images (including the images ...

In this tutorial, we’ll be creating a navigation bar that stays with you as you scroll down — and we’ll also throw a gimmick or two into the mix to ...

Enrich your website experience with ThumbFx, a jQuery animation plugin that brings your images and content to life. Create unique animated effects effortlessly without any knowledge of jQuery. All effects ...

iView is easy to use jQuery image slider with animated captions, responsive layout and HTML Elements like (Video, iFrame) slider. Easily add unlimited number of slides and captions. Use it ...

EasyBox is a lightbox clone based on the light-weight Slimbox2 script. It offers a variety of additional features such as: displaying YouTube and Vimeo videos, displaying inline content, displaying iFrames ...

In this Article we are providing best jQuery scrollbar plugin with examples.Due to increasing popularity of custom scrollbar we are providing a list of lightweight ,stylish,flexible  and easy to use ...

In this tutorial, we are going to apply card flip effect to a set of thumbnail gallery. We just want to demonstrate one of the simple way to use it. ...

PullOuts is a stand-alone script based on a popular WordPress plugin – “PullOut Widgets”, and can be used on any website that supports HTML and JavaScript.PullOuts allows to grab any ...

Focus on showcasing our product features can be a good choice for attracting user on landing pages. By showcasing in 3D style also a good choice, in this tutorial I ...

jQuery Elegant Accordion plugin has following features : Auto-rotate through all the slides with extra options Pause on hover Stop rotation on click of a slide Option to stop rotation ...

imJQMosaic is a simple jQuery plugin that creates mosaic pattern using an image. This is a pure JavaScript based jQuery plugin. Apart of just creating the mosaic pattern on an ...

pShadow, short for ‘paper shadow’, is a jQuery extension that adds realistic drop shadows to HTML elements, which works in Internet Explorer (IE8, IE7, IE6 with some clever trickery), Firefox, ...

There is the option of using one of the numerous lightbox plugins to do this, but the plugin we will be creating in this tutorial has a lot of advantages ...

In this tutorial we will create a circle with a handle which will open once the little handle is clicked, creating a realistic 3D flipping effect with the help of ...

jPie is a Contextual Circular Menu for jQuery. Here are the features: You can create countless instances and each instance can be fully customizable using the attributes provided by the ...

If you are using normal Sign Up forms and still require a lot of data from your users, a multi-step form is the best solution. So the form is broken ...

geo-autocomplete converts any input field on a web page into an autocomplete field that suggests locations in real-time as you type, including a little thumbnail to help you quickly choose ...

iosSlider is a jQuery plugin which allows you to integrate a customizable, cross-browser content slider into your web presence. Designed for use as a content slider, carousel, scrolling website banner, ...

A jQuery Mobile theme based on Twitter Bootstrap. The title says it all. I thought it would be a fun project to build out a jQuery Mobile theme emulating everyone’s ...

stickyMojo is a contained sticky sidebar plugin for jQuery. It is lightweight, fast, flexible and compatible with Firefox, Chrome, Safari, and IE8+. It will degrade gracefully in older versions of ...

There are many ways on displaying our portfolio, one of them is using grid style with slider effect for pagination. In this tutorial I’m going to share about how to ...

jQRangeSlider is a jquery UI range selection slider that supports dates. Features : Select a range of values inside defined bounds. Adjust your selection by moving an end. Move your ...

jQuery’s animate function, you can animate all kinds of css-properties. What’s really missing from jQuery is animating colors.This plugin also adds rgba-colors, so now you can animate the transparency of ...

This is an example of the Mac OS X dashboard featuring drag and drop icons, 3D flip apps with jQuery. Tranforms and transitions are used to achieve the best effects. ...

jQuery Sort and Order Portfolio Plugin has a following features : Extendable filter and order buttons. Customize CSS3 driven animation, graceful degradation. About 30 kinds animation transition style, different in ...

EpicEditor is an embeddable JavaScript Markdown editor with split fullscreen editing, live previewing, automatic draft saving, offline support, and more. For developers, it offers a robust API, can be easily ...

HTML5 local storage is like cookies on steroids; it’s incredibly simple to use and yet still so powerful. In this tutorial, I’ll show you how to create “sticky notes” functionality, ...

In this Article we are providing jQuery weather widget and weather plugins.By using these plugins we can easily provide the  weather information of any location to our website visitors and ...

zLayers is a jQuery parallax plugin that allows you to orientate an element based on the position of your mouse to the page’s window, or element’s parent. zLayer is perfect ...

Ultra modern and stylish vertical navigation using css and jQuery which would be ideal for your next admin panel and would looks great in an iPad application. The navigation uses ...

Zoom into html, text and images on a website using a magnifying glass. Works simply by duplicated the page content, enlarging and masking it using css and then using jQuery ...

Scroll Follow is a simple jQuery plugin that enables a DOM object to follow the page as the user scrolls. Scroll Follow has been successfully tested on IE6, IE7, FF2, ...

Doubletake dynamically updates the src of your images based on the browser width. Start with a small, mobile-friendly image in your HTML. Doubletake will use a defined set of breakpoints ...

It is a simple jquery plugin helping design more responsive and adaptive websites and web applications with almost no setup.It adds dynamic classes to the <body> depending on the operating system, ...

This plugin is designed for quick development of a page that implements a Google Map with a list of the locations that are specified within the HTML. The plugin tries ...

Evo Slider is a jQuery slider with slideshow, unlimited layout, CSS skinning and much more features. Evo Slider comes bundled with super awesome features designed to save you development time and ...

Totally javascript Book Flip for page turn effects. Bookflip engine has been totally rebuilt for better modern browser performance(IE8 & 9).Place any html code within the books pages – div ...

A tiny javascript + Flash library that enables the creation and download of text files without server interaction.Web applications that allow you to generate vCards, color palettes, custom code, etc ...

Vintage format meets modern web tech: an HTML5 audio player with realistic controls. Today we want to share an audio player with you that looks like an old school music ...

sizeit.js is a JavaScript utility that detects the screen size and loads external css based on the settings you configure. Works kinda like media queries. In many cases, media queries ...

jQuery Plugin for creating image galleries that scale to fit their container.

Content timeline is powerful and lightweight jQuery/HTML5/CSS3 plugin, best for displaying date organized content. It is fully customizable, and easily implementable with any js script, video, flesh etc. Well structured ...

BetweenJS is Tweening Engine for JS.Highly inspired from BetweenAS3.Creates a Tween and apply it with an immediate effect, accurate for setting desired values in the time-range of the tween.Different type ...

In this tutorial we will create a basic HTML5 range input slider to resize an image, with a JavaScript function updating elements in the page as the user alters the ...

This tutorial helps you to to speed up the most important product category navigation menu system for your ecommerce projects. I had implemented Amazon style menu with category image using ...

The styledSelect plugin for jQuery lets you replace <select> form elements with freely stylable markup.The original select element stays in the page so your form won’t change and users without ...

jQuery being a fantastic javascript library it has an easy api to deal with ajax. Part of ajax is based on xml, so parsing xml is one of the core ...

Easy pie chart is a jQuery plugin that uses the canvas element to render simple pie charts for single values. These chars are highly customizable and very easy to implement.To ...

Effortlessly create single page web sites with this jQuery plugin.Pagify is a simple jQuery plugin that simply replaces the contents of a div with content from other html files. Features: ...

This is a wonderful implementation of page flipper entirely based on HTML 5 <canvas> tag. It means that it can work in any browser that supports HTML 5 standard draft ...

There is a popular saying that a picture is worth a thousand words. Images are a great way of catching our attention instantly. But sometimes its necessary to tag or ...

In this Article we are providing best jQuery rss reader tutorial & plugin.Rss is the easy way to get the current update of any blog or website.These updates includes full ...

You’ve probably heard a lot about the new HTML5 canvas element. As the name implies, this is a special element that allows us to create and modify graphics. In addition, ...

Techniques for building a usable registration form can be a major factor towards bringing in new users. When you’ve got an overly complicated form it can scare away so many ...

By pulling in feed from the Yahoo API with jQuery, you can style your website according to the Weather! Find out how by following this step by step guide. We’ll ...

jShowOff is a jQuery plugin for creating a rotating content module. It works by creating ‘slides’ from the child elements (eg. <li>) inside a specified wrapper element (eg. <ul>) on ...

A simple library for handling keyboard shortcuts in Javascript.Mousetrap is a standalone library with no external dependencies. It weighs in at around 1.4kb minified and gzipped.Any keyboard event that has ...

This plugin will take your Facebook presence to new heights. Its elegant look and real time stats will make people feel like they are making a difference. Aside from the ...

cssFx is a standalone polyfill that inserts the vendor-specific CSS3 properties necessary for old and new browsers. This saves you tons of time, maintenance, and bandwidth! Supported features : Box ...

Flickrshow is a very simple Javascript slideshow for Flickr. It doesn’t require any web-development expertise, any particular Javascript frameworks, (although it works with all of them), or any hosted web ...

Holder renders image placeholders entirely on the client side. Holder is a client-side image placeholder library that uses <canvas> and the data URI scheme to render placeholders entirely in browser.It ...

Learn to make a realistic magnifying glass using Jquery and CSS3. Hover above the image to see the action. The code uses CSS3 box-shadow and border-radius properties to create the ...

As a web developer, third party API integration is something you will have to face. Especially with the current trend, we have facebook, twitter, flickr etc. Today, we are going ...

jQuery.my is short plugin for jQuery library. It allows real-time bi-directional binding between HTML controls and native javascript objects. Non-interactive HTML elements also can be tied with javascript objects to ...

MiniTwitter – the Widget jQuery which puts Twitter and your tweets on your Website or your WordPress blog. Features : Put Twitter on your website and even more: the tweets ...

Stroll.js is a super easy to implement library that makes applying mind-boggling scroll effects a breeze. All you have to do is paste in a couple of brief lines of ...

In this experiment we will create a little gallery using CSS 3D transforms and an advanced javascript with jQuery framework.

A tutorial about how to create a swatch book like component that let’s you open and rotate the single swatches revealing some details. We will be using CSS transforms and ...

With Dynamic Grid: XML Gallery you can create the image gallery that you want. The script gives you huge control over the layout and animations, and the possibilities are endless. ...

Using jQuery we can easily sort a list of html elements alphabetically. In the following tutorial I will give 2 examples – sorting an unordered list and sorting a table.Using ...

There are plenty of social networking websites today where you can find dynamic Ajax-based comments. This system is more usable because you don’t need to refresh the page every time ...

In this series we take a look at how to create a rating system with thumbs up and down. The ratings will be saved to the MySQL database using PHP ...

I had to emphasize somehow a dynamic notification bubble. Basically, every time the notification value changes, a visual effect was needed in order to get user’s attention. So I made ...

A JQuery validation framework for bootstrap forms.jqBootstrapValidation will scan for HTML5 validator attributes directly on the elements, plus any extra options specified via data attributes. By default, it will also ...

With Expo360° you take showcasing products on your website to the next level. Your customer not only gets a better look and feel of the product that you are presenting, ...

The Websanova Scratch Pad is a unique one of a kind plugin that allows you to add a scratching effect to images something similar to scratching a lottery ticket. It ...

Make that image gallery get all wiggly with this jQuery plugin.

This plugin adds support for scaling background images using a 9-grid. Developers can specify a grid for selected elements which causes the background-image to be scaled selectively, depending on what ...

Today, I am glad to announce a new version of the Autogrow Textarea plugin. It automatically resizes your textarea; before you had an algorithm that calculated the correct width according ...

Today we’ll create an animated, horizontal bar graph using jQuery, CSS3 properties (such as: gradients, border-radius, rgba) and CSS3 transitions.

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