jqueryrain.com - Archives (septembre 2012)

jQueryRain is the top jquery list of best jquery plugins and jquery tutorials with jquery example and jquery demo of jquery sliders, jquery ajax json,jquery slide,jquery table,jquery show,jquery image,accordion jquery,jquery forms

Le: 30 09 2012 à 02:55 Auteur: Admin

GreyBox can be used to display websites, images and other content in a beautiful way.We can use it in Showing external pages,AJAX uploading of files,Showing internal pages (login, user preference, ...

Le: 30 09 2012 à 02:41 Auteur: Admin

Dopeless Rotate is Jquery plugin for 360 degree product visualisation. It features: Zooming function Support of touchscreen devices Ability to use multiple instances on a single page You can use ...

Le: 29 09 2012 à 02:55 Auteur: Admin

Sketch is a drawing tool with a twist; it allows you to draw in pseudo 3D. Sketches can be saved by users and viewed in a gallery. The front end ...

Le: 29 09 2012 à 02:45 Auteur: Admin

A super-simple bookmarklet for designers that finally puts you back in control of your website’s typography. Here’s how it works: Add the bookmarklet to your browser and activate it while ...

Le: 28 09 2012 à 02:58 Auteur: Admin

Experimenting with Inverse kinematics, Catmull-Rom Splines & Wander Behaviors

Le: 28 09 2012 à 02:57 Auteur: Admin

jqChart takes advantages of HTML5 Canvas to deliver high performance client-side charts and graphs across browsers (IE 6+, Firefox, Chrome, Opera, Safari) and devices, including iOS and Android mobile devices. ...

Le: 28 09 2012 à 02:45 Auteur: Admin

Fokus uses JavaScript to emphasize anything you select by covering the rest of the page with semi-transparent black. The library has no dependencies and weighs in at around 3kb. A ...

Le: 28 09 2012 à 02:40 Auteur: Admin

A jQuery plugin to replace checkboxes and radios for custom images.This plugin replaces the default checkboxes and radio inputs for better looking ones. Features: Custom design Four color options Better ...

Le: 27 09 2012 à 02:58 Auteur: Admin

It’s a jQuery plugin which is designed to help you in using the Leaflet API to display maps based on Open Street Map.

Le: 27 09 2012 à 02:55 Auteur: Admin

A collection of CSS list scroll effects. Works in browsers with support for CSS 3D transforms including a special touch-enabled mode for iOS & Android 4.x.

Le: 27 09 2012 à 02:45 Auteur: Admin

Applying CSS 3D transforms to components can bring some more realism to normally flat web elements. We’ve experimented with some simple concepts for restaurant websites and came up with a ...

Le: 26 09 2012 à 02:40 Auteur: Admin

HTML select elements with their option tags cannot be completely customized using CSS, but what if we want to style a dropdown just as easily as <div>, <a>, <ul>, and ...

Le: 26 09 2012 à 02:30 Auteur: Admin

IFrames are commonly used to allow embedding of third-party content. Many popular services, such as YouTube and Facebook, make extensive use of IFrames in their embeddable widgets. On a responsive ...

Le: 25 09 2012 à 02:55 Auteur: Admin

Remember those cards from the bottom of the Cracker Jack box – the ones that changed images as they were tilted? Well, lenticular.js brings that interaction to the iPhone. It ...

Le: 25 09 2012 à 02:50 Auteur: Admin

Smart Time Ago is a little jQuery library to update the relative timestamps in your document intelligently. (e.g “3 hours ago”).Smart Time Ago will check and update the relative time ...

Le: 25 09 2012 à 02:45 Auteur: Admin

If you have not connected your web content with social medial platforms, you are are just a step behind. All you need to do is add floatShare jQuery plugin on ...

Le: 24 09 2012 à 02:55 Auteur: Admin

Wordsmith is a jQuery plug-in that adds on-demand word definitions to your site.Wordsmith is easily added to your existing web page by including jQuery, the Wordsmith javascript file and then ...

Le: 24 09 2012 à 02:50 Auteur: Admin

This is a fully customizable tab solution with pure HTML5 + CSS3 animations for your website. Features: Full HTML5 + CSS3 animations (no jQuery UI) 10 preset animations Customizable tab ...

Le: 24 09 2012 à 02:45 Auteur: Admin

jQuery.fluxoModal is a jQuery plug-in similar to lightbox. It can highlight any kind of html element inside an html modal window, blurring the background using html5 canvas, CSS3 animations and ...

Le: 24 09 2012 à 02:35 Auteur: Admin

jQuery.validVal is a plugin designed to simplify form validation.It is highly customizable, very feature rich and can easily be dropped on any type of HTML-form (even AJAX- and HTML5-forms) with ...

Le: 23 09 2012 à 02:55 Auteur: Admin

This plug-in can easily convert any colored image (in an html page) into a B&W greyscale image.

Le: 23 09 2012 à 02:45 Auteur: Admin

A jQuery Social Plugin to create a single social media stream from multiple social networks.Socialist is a jquery social plugin that creates a social stream (or social “wall”) from multiple ...

Le: 23 09 2012 à 02:35 Auteur: Admin

Multiple file upload plugin with progress-bar, drag-and-drop.This project attempts to achieve a user-friendly file-uploading experience over the web. It’s built as a Javascript plugin for developers looking to incorporate file-uploading ...

Le: 22 09 2012 à 02:58 Auteur: Admin

Cycle2 is a versitile slideshow plugin for jQuery built around ease-of-use. It supports a declarative initialization style that allows full customization without any scripting. Simply include the plugin, declare your ...

Le: 22 09 2012 à 02:40 Auteur: Admin

jQuery plugin for fold up the DOM like paper.riDomi only works in modern browsers that support CSS 3D transforms. Features: zero dependencie optional jQuery/&c. support works on iOS fold images, ...

Le: 22 09 2012 à 02:35 Auteur: Admin

I tried to introduce a variable grid layout using jquery.vgrid.js powered by jQuery.The simplest type from a sample of seven ul marked up with “ Variable grid layout. ”I tried to arrange a thumbnail ...

Le: 21 09 2012 à 02:55 Auteur: Admin

A jQuery-based script for responsive carousels that work with mouse, touch, and keyboard.

Le: 21 09 2012 à 02:50 Auteur: Admin

Tired of boring flat sliders? Looking for a unique slider? Here’s what you want,with Cute Slider you will be able to show your slides with awesome 3D & 2D transitions.Cute ...

Le: 21 09 2012 à 02:45 Auteur: Admin

Reading is one of the most basic things we do on the web. CSS gives us control over font-size and line-height but we don’t have a good way to control ...

Le: 21 09 2012 à 02:30 Auteur: Admin

Le: 20 09 2012 à 02:55 Auteur: Admin

In this tutorial I want to demonstrate how we can build a small webapp which dynamically pulls all the most recent popular shots from Dribbble. The interface is very simple ...

Le: 20 09 2012 à 02:51 Auteur: Admin

Recently the ‘flip book’ effect has become really popular on a lot of websites, so I got to thinking about how you could go about pulling off that effect using ...

Le: 20 09 2012 à 02:40 Auteur: Admin

In this tutorial we are going to make an image splitting effect. What’s that? It’s simillar to a sliding door effect where the image slides to left or right side ...

Le: 20 09 2012 à 02:40 Auteur: Admin

Stratus is a jQuery powered SoundCloud player that lives at the bottom (or top) of your website or blog.You can add tracks to Stratus right from your page. Simply give ...

Le: 20 09 2012 à 02:30 Auteur: Admin

Le: 19 09 2012 à 02:55 Auteur: Admin

A jQuery cssHook adding support for “cover” and “contain” to IE6-7-8, in 1.5K.All was well until I discovered the elegance of background-size: cover; and background-size: contain;. The first one, for ...

Le: 19 09 2012 à 02:50 Auteur: Admin

JBMarket Image Gallery is JavaScript (jQuery based) script converting unordered list into an Image Gallery with Lightbox. Features: Can display thumb images, big images for the lightbox, description text for ...

Le: 19 09 2012 à 02:40 Auteur: Admin

Dummy is a content generation toolkit designed to make the development, testing and presentation of web prototypes less time consuming and more realistic. It does so by making it easy ...

Le: 19 09 2012 à 02:30 Auteur: Admin

jReject provides a simple, robjust, light-weight way to display rejections based on a the browser, specific browser version, specific platforms, or rendering engine. Provides full customization of the popup. Uses ...

Le: 18 09 2012 à 02:55 Auteur: Admin

jQuery.path provides animation along bezier and circular arcs.The animation engine in jQuery is focussed on single dimensional animation – hence it’s difficult to animate two variables along a path. This ...

Le: 18 09 2012 à 02:50 Auteur: Admin

A jQuery plugin to make parallax effects based on the scroll position of the browser window. Its important to note that in the Nike example which this plugin tries to ...

Le: 18 09 2012 à 02:40 Auteur: Admin

An experimental CSS 3D scroll behavior jQuery plugin.

Le: 18 09 2012 à 02:35 Auteur: Admin

obviously one can access HTML5′s data attribute super easy in jQuery

Le: 17 09 2012 à 02:55 Auteur: Admin

I was tasked with creating a pop-up survey for a project. Fairly simple whether I used the jQuery dialog or not so I added a “Thank you” dialog that displays ...

Le: 17 09 2012 à 02:50 Auteur: Admin

Tabs + Accordion is a jQuery plugin that simplifies creating responsive tabs and accordions. Features: You can use the same, simple HTML markup for both Tabs and Accordion. You don’t ...

Le: 17 09 2012 à 02:40 Auteur: Admin

A jQuery plugin that progressively enhances an HTML Select Box into a single option dropdown list. The dropdown list can be optionally styled with Twitter Bootstrap or jQueryUI ThemeRoller and ...

Le: 17 09 2012 à 02:30 Auteur: Admin

Today we are making a simple puzzle game called “Fifteen”. The purpose of the game is to slide 15 square blocks around to form an image. The goal of this ...

Le: 16 09 2012 à 08:50 Auteur: Admin

One of the most used, but under featured HTML controls, is the humble TEXTAREA control. This control is designed to accept large blocks of text from the user. A wide ...

Le: 16 09 2012 à 08:40 Auteur: Admin

A plug-in that turns an array of images into a 360 degrees interactive view that can be rotated at will. Features: method… can be “click”, “mousemove” or “auto” sensibility to ...

Le: 16 09 2012 à 08:03 Auteur: Admin

JS Charts is a JavaScript based chart generator that requires little or no coding. With JS Charts drawing charts is a simple and easy task, since you only have to ...

Le: 15 09 2012 à 08:02 Auteur: Admin

ClipGallery is a new way to show your pics. In combination with jQuery and the ClipFX plugin, it puts your photos in a grid and as the mouse moves over ...

Le: 15 09 2012 à 07:43 Auteur: Admin

Jarallax is an open-source javascript library which makes adjusting css based on interaction easy.With Jarallax it’s easy to create a parallax scrolling website. Animations jump, for example, from 70% to ...

Le: 15 09 2012 à 07:32 Auteur: Admin

In this tutorial we will be making a simple app with PHP and jQuery that lets users write notes. The notes are going to be saved in plain text files ...

Le: 15 09 2012 à 02:55 Auteur: Admin

If someone put text into an input field (or automatic e.g. with a 2d barcode scanner) and you want to replace a part of the input (pattern) then will help ...

Le: 14 09 2012 à 02:55 Auteur: Admin

Allofthelights.js is a jQuery plugin to turn off the light and enjoy your videos.Alloffthelights.js calculates the video’s offset and creates four div in position:absolute wrapped around it. The offset is ...

Le: 14 09 2012 à 02:50 Auteur: Admin

This is a flexible and easy to integrate Photo Gallery written in HTML5 , CSS3 and jQuery. Features: 3D Cube Animation (Chrome, Safari, Firefox, IE10 ) Automatic thumbnail generation Unique ...

Le: 14 09 2012 à 02:40 Auteur: Admin

Simple cheat sheet to help developers pick the right easing function.jQuery with jQuery Easing Plugin is the easiest way to describe animation with easing. The real object doesn’t begin its ...

Le: 14 09 2012 à 02:30 Auteur: Admin

Bonsai is a JavaScript graphics library. Bonsai’s main features include: Architecturally separated runner and renderer iFrame, Worker and Node running contexts Paths Assets (Videos, Images, Fonts, SubMovies) Keyframe and time ...

Le: 13 09 2012 à 02:55 Auteur: Admin

For this tutorial I want to explain how we can build custom radio button links similar to the old Digg category selection. You can click on any set of links ...

Le: 13 09 2012 à 02:15 Auteur: Admin

jQuery bracket is a jQuery plugin that lets users create and display single and double elimination brackets for tournament play.The bracket information is stored into a single object. Contents of ...

Le: 13 09 2012 à 02:10 Auteur: Admin

Simple splitting of a string, just change [0] to [1] if you want to get the text after the “;#” you can change that too.

Le: 12 09 2012 à 20:24 Auteur: Admin

Fresco is a beautiful responsive lightbox. It can be used to create stunning overlays that work great at any screen size, in all browsers on every device.In fact, Fresco in ...

Le: 12 09 2012 à 06:12 Auteur: Admin

Straightforward and powerful AJAX library with direct integration and mapping of all jQuery functions in PHP, the mapping is extended to custom functions set by $.fn, can create elements just ...

Le: 12 09 2012 à 06:02 Auteur: Admin

Give your website visitors the ability to navigate a large area of rendered HTML quickly. Usefull for creating maps of supermarkets, shopping malls, theme parks, zoos, festival sites, theatres, airports, ...

Le: 12 09 2012 à 05:45 Auteur: Admin

The jQuery plugin for equalizing the height or width of your elements.Call the plugin on the parent of the elements to equalize their height. Equalize will accept any of the ...

Le: 12 09 2012 à 05:29 Auteur: Admin

Facebook event creator is used for creating events on facebook. So after adding some awesome tutorials on facebook I have now created facebook style event creator for you. This is ...

Le: 11 09 2012 à 06:19 Auteur: Admin

A sliding door effect can be used what the site offer. About a week ago I visited a site called auroraos, on the first page I see a nice sliding ...

Le: 11 09 2012 à 06:11 Auteur: Admin

In order to display facebook comments on your page you would normally follow the instructions on this page. This works great if you just have a single page that you ...

Le: 11 09 2012 à 05:59 Auteur: Admin

This is the continuation of my previous Java tutorial Insert Records into MySQL database using Jquery, now I want to explain how to convert records data into JSON data format ...

Le: 11 09 2012 à 02:45 Auteur: Admin

Le: 10 09 2012 à 04:58 Auteur: Admin

In this tutorial we are going to build a little chat program that is really easy to get up and running on any server running PHP. No database is required ...

Le: 10 09 2012 à 04:51 Auteur: Admin

jQuery Parallax has a following features. Features: Layered system. Supports as many layers as you need. Supports easing. Adjustable mouse sensitivities in both directions. Supports inverted parallax and custom focus ...

Le: 10 09 2012 à 04:42 Auteur: Admin

The Final Countdown is plugin that let’s you in control where and how you will display the countdown, this mean that the plugin doesn’t make any assumption on how the ...

Le: 10 09 2012 à 04:14 Auteur: Admin

remoteStorage.js is a Client-side Javascript library to make apps remoteStorage-compatible.

Le: 09 09 2012 à 08:08 Auteur: Admin

jQuery Price Format is a plugin to format input text fields as prices. For example, if you type 123456, the plugin updates it to US$ 1,234.56. It is costumizable, so ...

Le: 09 09 2012 à 07:50 Auteur: Admin

Fireworks.js is a bit of Javascript that creates starburst-type explosions in a web document; in short, it’s a fireworks effect someone could theoretically use on their site. And come on, ...

Le: 09 09 2012 à 07:39 Auteur: Admin

A jQuery plugin for searching the DOM.It lets you search within an element (e.g.: a table or a list), narrowing down the inner elements using LiquidMetal, which is way better ...

Le: 08 09 2012 à 07:14 Auteur: Admin

The idea behind this plug-in is to display a varying number of images in an attractive and easy to use manner. The inspiration for this plug-in this iTunes album viewer. ...

Le: 08 09 2012 à 07:01 Auteur: Admin

The jQuery Plugin for generating nav links from page elements. For example, generate links to all the articles on a page by linking to the article’s h1’s, and put them ...

Le: 08 09 2012 à 06:35 Auteur: Admin

jQuery coreUISelect is a cross browser easy to stylize select element with jQuery and CSS. Requires jQuery 1.6 or higher Features: Full customization Automatic calculations Optiongroup support Keyboard support Powerful ...

Le: 07 09 2012 à 04:38 Auteur: Admin

Happy.js plugin is lightweight and supports few input validations by default (required, date, number, e-mail, min/max and phone number). But it can be extended so easily by adding few lines ...

Le: 07 09 2012 à 04:13 Auteur: Admin

Create.js is a comprehensive web editing interface for Content Management Systems. It is designed to provide a modern, fully browser-based HTML5 environment for managing content. Create can be adapted to ...

Le: 07 09 2012 à 03:59 Auteur: Admin

Enquire.js is a standalone JavaScript library for programmatically responding to CSS media queries.The library allows us to define any number of media queries and fire events when they are matched ...

Le: 07 09 2012 à 02:55 Auteur: Admin

Le: 06 09 2012 à 04:37 Auteur: Admin

Freetile is a plugin for jQuery that enables the organization of webpage content in an efficient, dynamic and responsive layout. It can be applied to a container element and it ...

Le: 06 09 2012 à 04:26 Auteur: Admin

J.B.Weather (ver 2.0) is a simple widget for displaying weather conditions and forecast for places across the world. Features :  jQuery driven uses AJAX technology & Cache Search Bar with ...

Le: 06 09 2012 à 04:08 Auteur: Admin

A jQuery plugin that uses the CSS3 image filters to replicate the tilt-shift effect. This is a proof of concept and currently only works in Chrome & Safari 6.

Le: 06 09 2012 à 03:59 Auteur: Admin

BookBlock is a jQuery plugin that can be used for creating booklet-like components that allow a “page flip” navigation. Any content can be used, such as images or text. The ...

Le: 05 09 2012 à 02:50 Auteur: Admin

In this Post we are providing best jQuery PDF viewer plugin & tutorial with examples.Due to popularity of online document viewer like Google Docs some javascript developers develop a good ...

Le: 04 09 2012 à 05:48 Auteur: Admin

zAccordion is a horizontal accordion plugin for jQuery.

Le: 04 09 2012 à 05:41 Auteur: Admin

SlickGrid is a JavaScript grid/spreadsheet component. It is an advanced component and is going to be a bit more difficult to learn and configure, but once you realize its full ...

Le: 04 09 2012 à 05:27 Auteur: Admin

SwipeView is the super simple solution to endless seamlessly loopable carousels for the mobile browser. It’s memory conservative as it uses only three elements at any given time, it’s smooth ...

Le: 04 09 2012 à 02:55 Auteur: Admin

The following snippet will check if a clicked link contains a URL to an external web page and if so, open in a new browser window:

Le: 03 09 2012 à 05:42 Auteur: Admin

Liquid carousel is a jQuery plugin intended for liquid designs. Every time the container of the carousel gets resized, the number of items in the list change to fit the ...

Le: 03 09 2012 à 05:36 Auteur: Admin

Image sliders add life and interactivity to your web contents. But creating an image slider from scratch is not that easy. You need some good programming skills to create your ...

Le: 03 09 2012 à 05:26 Auteur: Admin

Treesaver is a JavaScript framework for creating magazine-style layouts that dynamically adapt to a wide variety of browsers and devices. Designers use standards-compliant HTML and CSS for both content and ...

Le: 02 09 2012 à 08:18 Auteur: Admin

The jQuery Tagit Plugin transforms an html unordered list into a unique tagging plugin. Features: Convenient way for users to enter a list of items Fully integrated with jQuery ui ...

Le: 02 09 2012 à 08:02 Auteur: Admin

DateBox is a jQuery-mobile based date and time picker.Four display mode Standard, click-outside-to-close popup mode, Forced input modal popup mode, Unique page dialog mode,  Inline mode. Features: Android style date ...

Le: 02 09 2012 à 07:42 Auteur: Admin

In this tutorial we will create a neat and simple notification bar which allows you to integrate the notifications on your website. It can be used to create alert, success, ...

Le: 01 09 2012 à 06:11 Auteur: Admin

A modal concept which aims to give a sense of depth between the page and modal layers.Uses CSS transforms to scale components and CSS filters to blur the page. Built ...

Le: 01 09 2012 à 05:57 Auteur: Admin

uSquare is a responsive squared grid that can display your content in a unique and interesting way. You can use it for displaying team members, products, services, designs, blog posts ...

Le: 01 09 2012 à 05:45 Auteur: Admin

HTML5 validates forms without additional JavaScript.Currently only latest versiones of Firefox, Safari & Google Chrome supports this functionality.This plugin gets the same result in all versions on Internet Explorer and ...

Le: 01 09 2012 à 05:32 Auteur: Admin

jQuery.msgBox is a plug-in to make smarter displaying messages. Also usage of the plug-in is so easy. You just need to add following files to your page as shown below ...