jqueryrain.com - Archives (octobre 2013)

The idea behind rainyday.js is to create a JavaScript library that makes use of the HTML5 canvas to render an animation of raindrops falling on a glass surface.rainyday.js features extendable […]

MetNav 2 is jEffectBox’s 2nd jQuery navigation menu plugin based on Window 8 Metro theme. It’s very lightweight and looks good on almost all major browsers and devices. It’s a […]

In this article, I will outline how to achieve Medium’s page transition effect—an effect that can be seen by clicking anywhere on the “Read Next” footer at the bottom of […]

Today we’d like to share a little script with you that allows a click & hover selection of checkboxes or any other element. Mainly the idea comes from the common […]

In this Post we are providing best jQuery webcam plugin with examples.Due to popularity of taking snapshots, detect movement, colors, QR and barcodes, record videoclips and organize videochats with the […]

A small jQuery extension that adds a function, .jellyBoxes([options]), to any positioned (non-static), square DOM element. JellyBoxes empties the element, then fills it with a number of randomly-colored squares that […]

An Inception Effect plugin for jQuery.

Show error message via bootstrap popover for jquery validate. Supported options are: popoverPosition Supported values: ‘right’, ‘top’; default to ‘right’ popoverContainer The container popover message will append to, default: ‘body’ […]

Storyline 3D Slider is a great plug-in for your template, which will make it have a stunning look. The S-3D-S will help you showcase your work in a splendid creative […]

jQuery wizard plugin based on Bootstrap.Inspired by acc-wizard, this wizard is different from acc-wizard in a few ways: Source code is CoffeeScript; Not based on hash when move forward and […]

Chart.js easy, object oriented JavaScript charting libaray with html5 canvas for designers and developers. It currently supports 6 chart types (line, bar, radar, pie, column and polar area) and all […]

Inline option selection for HTML Text Inputs, auto-complete after a token.

7 Slider is one of the most complete image slider ever. It is built in latest jQuery and mobile compatible so anyone can easily use it without any restriction. And […]

Bootstrap Form Helpers is a collection of jQuery plugins to help you build better forms. The plugins can be used individually but some of them work together like Countries and […]

While playing around with some jQuery effects, I ended up building a mosaic transition effect between two photos, and I decided to wrap it up in a tutorial and share […]

This Blueprint is a layout with two sides, sometimes seen in portfolio websites of couples and partners. The idea is to show an initial two-sided view and when clicking on […]

A jQuery plugin for entering international telephone numbers. It adds a flag dropdown to any input, which lists all the countries and their international dial codes next to their flags. […]

xCharts is a JavaScript library for building beautiful and custom data-driven chart visualizations for the web using D3.js. Using HTML, CSS, and SVG, xCharts are designed to be dynamic, fluid, […]

Powerful jQuery Tooltip for your website. Features: - Lightweight (js 4 kb and css 28kb) - Easy to set up - Customizable - Mac Retina Ready - All the HTML […]

iWantHue allows you to generate palettes of colors. It is about mastering the properties of a palette by setting a range of Hue, Chroma (unbiased saturation) and Lightness. You can […]

Today we’d like to share some fancy animations for thumbnails in a grid with you. There are many possibilities when it comes to these kind of effects, but not all […]

Instastream is a simple jQuery plugin to stream pictures from Instagram.Before to go further be sure you have an Instagram account and an Instagram API Key.You can choose how many […]

A lightweight library for manipulating and animating SVG.Svg.js has no dependencies and aims to be as small as possible.With svg.js you have all the power of vector graphics at pocket […]

Intention.js is a lightweight tool for responsive design developed at Dow Jones that manipulates the DOM via HTML attributes. The methods for manipulation are placed with the elements themselves, so […]

mightySlider is a jQuery plugin for creating advanced one-directional slider with item based navigation support. It can be used as a simple image slider, slideshow, HTML content slider, gallery, banner […]

In this day and age, we are all competing for attention. The longer people stay on your website and drill down to your content, the better. Today, I have decided […]

Freewall is a responsive and cross-browser jQuery plugin for creating dynamic grid layouts for desktop, mobile and tablet. Freewall is all-in-one solution help you to create many types of grid […]

jQuery TextFill resizes text to fit into a container and makes font size as big as possible.

A jQuery plugin that let you create a smooth jump to sub navigational menu in one JS call.The menu can be used to assist your navigation for pages with a […]

Customizing form elements was always pretty frustrating and the select element is one of those elements who can make you want to pull your remaining hair out while trying to […]

Filterize. CSS3 portfolio gallery is made to present your projects, images and references with ease and style. Features: Clean design and commented code Easy to customize to fit your design […]

Naver is an easy way to turn any navigation system into a responsive-ready, mobile-friendly toggle.

jQuery image slider with lightbox and skin support. Features: Ion.ImageSlider — nice and powerful image slider and lightbox at once. Lightbox supports keyboard controls with ESC, LEFT and RIGHT button. […]

SmarTicker is a jQuery smart news ticker plugin that is so simple to use like 1, 2, 3. Include jQuery 1.8.2 and newer for best performance and SmarTicker Css/Js files […]

Dolly.js is a simple and generic jQuery UI widget that adds excel-like cloning functionality to your tables. It works with any tabular structure (not only semantic html tables) and does […]

Single page layouts are taking off in a big way. It seems as if every product page nowadays is single paged, so I thought I’d have a little spin at […]

Device.js makes it easy to write conditional CSS and/or JavaScript based on device operating system (iOS, Android, Blackberry, Windows, Firefox OS), orientation (Portrait vs. Landscape), and type (Tablet vs. Mobile).

Equalize column heights across multiple rows. Features: Equalize column heights across multiple rows. Resize column heights when the page is resized. Can be disabled for fixed width layouts. Choose between […]

The release of HTML5 introduced native Drag and Drop functionality to modern web-browsers. This means it is now possible to have movable elements on screen without the aid of frameworks […]

Two main functions, Small Notifications that works like banners and a Notification Center that can be use as website control or sistem notification panel. Features: Touch Enabled Responsiveness Infinite options […]

A jQuery plugin to allow you to add gradient choosers to your website. The type of gradient (radial, linear) is configurable as well as the fill direction of the gradient. […]

By animating an SVG path with JavaScript, we can do many fancy things. Today we want to show you some effects for checkboxes and radio buttons. The idea is to […]

Checking the file size before submitting the form has always been like a forbidden fruit to us, that’s because there was no easy way to access clients’ file system, which […]

Scrolld.js is a unique open source plugin for jQuery. Scrolld.js provides a method for highly precise scrolling for pixel-perfect layouts and navigation using real-time updated data values. With Scrolld.js your […]

Image zoom lightbox jQuery plugin. Description: ion.zoom — easy image lightbox jQuery plugin for small galleries. Allow to zoom images at place. Supports keyboard controls with ESC, LEFT and RIGHT […]

Cream Soda jQuery Ticker is an ultra light, responsive, plug and play component that you can drop straight into your website. jQuery Ticker looks professional, with clean styling and elegant […]

Flot Animator is a free jQuery plugin that will add smooth or gradual animations to Flot charts.It will allow you to highlight and draw attention to some charts and/or series […]

A functional test suite powered by jQuery and the test framework of your choice.FuncUnit enhances assertion libraries like QUnit and Jasmine, enabling them to simulate user actions, easily test asynchronous […]

jQuery plugin for drawing waves using HTML5 canvas 2d.

Autumn generates deterministic colors. It’s great for coloring tags, navigation, and icons.Autumn might look like a random color generator, but it’s not random. The demo below always generates the same […]

Now a days I am playing around with HTML5 Canvas API and Java Script. It’s an amazing option to create animations. This weekend I saw The Matrix movie.This film known […]

Blindify is a jQuery plugin which creates a slideshow featuring a blinds effect transitioning (either vertical or horizontal) between a list of images. I saw a photograph in a printed […]

Create the nowdays ultra trendy flat icons with long shadow for your website with a 1 minute set-up and you are ready to go flat! This lightweight plugin is only […]

Experimental JavaScript jQuery library of UI controls ; dial (was jQuery Knob), XY pad, bars. Library of UI controls ; dial (was ‘knob’), XY pad, bars control … canvas based […]

Puzzllerry is plugin that allows you to create interactive gallery/portfolio/menu or any element with listed items. It has extremly simple markup and requires only 1 line of js code to […]

A jQuery plugin to validate form fields. Use with Bootstrap 3.

A simple, lightweight jQuery plugin used to display an estimated time to read some text.

A jQuery plugin for smooth-scaling, element-filling backgrounds.A really simple way to add element-filling background images.

FlipHTML5 is a free Flip Book Maker which can convert PDF to HTML5 & jQuery flipbook, also support converting MS Office, OpenOffice and Images to HTML5 and jQuery based page […]

imgcolr is a jQuery plugin for grabbing the dominant color of a given image’s borders. You can programmably adapt the elements’ color on the webpage for the image after getting […]

Megazoom plugin is a powerful, versatile, easy to use and customize image navigator for displaying large images prepared for showcasing products (high resolution product images, e.g. clothes, cars, technical schemes […]

Simple Markdown editing tools that works.Bootstrap-Markdown designed to be easily integrated with your bootstrap project. It exposes useful API that allow you to fully hook-in into the plugin.

jQuery Fluid Content Scroller Plugin makes navigation through long item lists like news, events, blog posts, etc. smooth and easy. Plugin is represented with the tabbed navigation panel at the […]

Captall is a jQuery plugin that can be used to show a caption over an image or any DOM element.It has a massive amount of options making it adjustable for […]

Bootstrap TouchSpin is a mobile and touch friendly input spinner component for Bootstrap 3.It supports the mousewheel and the up/down keys.

CSS3 is great way to create animations, we can replace flash animations,animated images and Javascript with CSS3 Animation properties. In this tutorial I will explain how to create walking man Animation effect […]

BlurryBackground() is a JavaScript application which can be easily included in any website. It allows programmer to create modern-looking blurry backgrounds without need to load large background images. This means […]

Progress bars have become quite popular lately, and there are lots of plugins that can help you add one to your site. But how do you make one yourself? The problem […]

The Yummi-loader is nothing more than a simple LESS file with some CSS3 animations. Use them just adding ‘off’ class on your body element and changing it with ‘on’ on […]

A combobox plugin that works with twitter bootstrap.We had need of a combobox at work and after looking around at the available options I was not happy with any of […]

jQuery Modal Window Effects with transitions CSS3.This plugin is created with native JavaScript but works perfectly with jQuery. These animations only works as intended in browsers that support the respective […]

Tired of straight grids where everything is vertically and horizontally aligned? Why not tilt everything by 45 degrees? This jQuery plugin lets you easily do just that! Features: Auto resizes […]

Smart Content Protector jQuery is the jQuery Plugin to Protect the Text and Images in any site by including the js file. In order to avoid Plagiarism, it is essential […]

Auto layouting balloon popover always inside window for jQuery.To help creating your webapp editor window, balloon popover of charactor speech, etc.

A smooth, lightweight jQuery plugin for collapsing and expanding long blocks of text with “Read more” and “Close” links. The required markup for Readmore.js is also extremely lightweight and very […]

This jQuery plugin is used to trigger some action if the given element is becoming visible or hidden while scrolling.

Today let’s create a cool looking responsive share buttons for your website contents, which will adjust according to the users’ screen size. If you are not satisfied with your current […]

A very lightweight and simple jQuery plugin to extract the main color of an image’s border. Just pass a callback as first parameter of the getPixelColor which takes one parameter. […]

CLNDR is a jQuery plugin for creating calendars. Unlike most calendar plugins, this one doesn’t generate markup. Instead you provide an Underscore.js HTML template and in return CLNDR gives you […]

A simple and easy to use jQuery plugin to create fullscreen scrolling websites. (also known as single page websites) It allows to create fullscren scrolling websites as well as adding […]

jQuery Transfer Numbers is a plugin that transfers numbers by flying from one element to another. Features: Increments and Decrements Values Transfer speed is customizable Gamification style for your Web […]

T­shirt Designer is the tool you have been looking for! You can create now your own t­shirt generator directly on your website. Works with any kind of product and can […]

Multi-level dropdown menu for buttons. Supports any HTML for items, multiple combined sync/async datasources.

A jQuery lightbox which enables you to use the lightbox modal as a container for a larger zoomed image

Simulate CSS3-style automatic columnization for the few browsers (IE) that don’t support it. It tries to follow CSS3 specification (http://www.w3.org/TR/css3-multicol/) closely. This should point to the DOM node(s) that hold […]

Colorpicker in jQueryUI style. Themeroller look & feel. Multiple color spaces, input/output formats, controls.Full-featured colorpicker for jQueryUI with full theming support.

Jet Responsive Megamenu is a menu component based in CSS and Javascript code. It can be used like a dropdown navigation, megamenu navigation or both. It’s has a responsive and […]

jQuery slider extension forcing gaps and order for any number of handles.A slider allowing multiple sliders and ranges with all sorts of optional limitations in position/size/distance. Also includes optional labels […]

jQuery plugin to style emoticons with pure CSS3 properties (no images).The CSS Emoticons plugin is a simple jQuery plugin (and stylesheet) that allows you to turn any text emoticons on […]

Dynatable is a funner, semantic, interactive table plugin using jQuery, HTML5, and JSON. Dynatable does three things: Normalize: It normalizes an HTML table into an array of JSON objects, where […]

A tutorial on how to create a off-canvas icon navigation with an animated border effect. The menu effect is inspired by CreativeDash’s bounce menu for mobile apps.The other day I […]

A jQuery plugin for assisting in the creation of an HTML5 canvas based signature pad. Records the drawn signature in JSON for later regeneration. Demos : Accepting a Signature Requiring […]

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