jqueryrain.com - Archives (mai 2012)

jQuery Animations with automatic CSS3 transitions.Extend $.animate() to detect CSS transitions for Webkit, Mozilla and Opera and convert animations automatically. The plugin will analyse the properties you’re animating on, and ...

RollBar plugin was created with idea to replace standard browser scrollbars and make them customizable to fit perfectly in almost any site design. This plugin can be used not only ...

jQuery.kinetic is a simple plugin which adds smooth drag scrolling with gradual deceleration to containers.Add kinetic scrolling functionality to a container using mouse or touch devices.Drag a mouse or use ...

In this tutorial we will be making a portfolio with HTML5, jQuery and CSS3 that features an interesting growing effect.The important bit to note here is the #carousel unordered list. ...

jQuery dice plugin Very simple plugin which allows to display a dice, click on it and retrieve a random number (between 1 and 6, of course.) The dice glyphs can ...

One of the common challenges when designing responsive design for mobile is the navigation menu. If the site has many sections or pages, it gets challenging to squeeze all the ...

animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.A big ol’ goody bag ...

A jQuery plugin to make field masks.Features : String/Numeric/Alpha/Mixed masks. Reverse Mask. Data type validation. Automatic maxlength. Live event’s for ajax/realtime apps. Callbacks. On-the-fly mask change.

Easy Background gives a dynamic feel to your site. It automatically loads and displays images to the background of your project, switching them with smooth transitions. If you have a ...

Handsontable is a minimalistic approach to Excel-like table editor in HTML & jQuery. Type in any cell and see how the grid adds new rows and cols automatically. The legend ...

When playing the Galaxy Tab I love the fanciness of its Android’s dock. The application icon will pop out consecutively when arrow image on the dock clicked and not just ...

Simple wrapper for cross-browser usage of the JavaScript Fullscreen API, which lets you bring the page or any element into fullscreen. Smoothens out the browser implementation differences, so you don’t ...

A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more).The goal of this script is to provide a fast and lightweight (3kb minified / 1kb ...

Today I have prepared another really great tutorial for you. Recently I have started development of my own radio software (as module for Dolphin CMS) and got interesting results. So, ...

I like FourSquare.com Animated Updates feed Ticker. I like the way they animate items. In this tutorial i am sharing a simple way to create same rss scrolling ticker using ...

Scrollorama jQuery plugin for doing cool scrolly stuff like transitions,fade in, rotate in, fly in, zoom in, parallax.

User input is everywhere, from contact forms to sign-up formsand from surveys to complex user interfaces. Forms come in many shapes and sizes, colors and styles, but they all have ...

rwdImageMaps is a jQuery plugin for creating Responsive Image Maps. It allows image maps to be used in a responsive design by recalculating the area coordinates to match the actual ...

Complexify helps you to accurately gauge the quality of a user’s password to give them visual feedback, and to enforce a minimum level of security.Complexify aims to provide a good ...

Flare – a custom responsive, touch enabled, mobile optimized lightbox jQuery plugin, which can be used to display single images/videos or entire galleries. Image/Video Navigation via: UI buttons Swipe gestures ...

A free light weight jQuery plugin that allows you to create a custom drop down with images and description. What is so cool about this plugin! Adds images and description ...

I had designed a simple interesting login box with contains Gravatar image, just importing user avatar from Gravatar.com based on email ID.  This post is very basic level CSS implementation ...

Happy.js is a lightweight form validation for jQuery.Happy.js will validate individual fields on blur events and all fields on submit. Yes, there a million form validation plugins already – but ...

bPopup is a lightweight jQuery modal popup plugin (only 1.26KB gzipped). It doesn’t create or style your popup but provides you with all the logic like centering, modal overlay, events ...

Pixastic is an image processing library written in JavaScript. It uses the HTML5 Canvas element to apply effects such as blur, hue/saturation adjustment, emboss, invert, flip, etc.Pixastic is an experimental ...

Guggenheim.js is a framework agnostic plugin for creating sexy interactive galleries. It uses CSS3 animation (with a fallback to Javascript) to create animated filtering, reordering and pagination of your gallery.

FueledWeb Pro Thumbnail Scroller is an advanced multipurpose jQuery plugin, html5 thumbnail scroller and image gallery.It is beautifully designed with 3D like effect and well developed with varieties of customization ...

You must have noticed – a stylish editor. He looks equally well in any interface on any website. Are we wanting more, if the editor is already falling in love with his ...

In this tutorial we will code an Upload Form from Impressionist UI. We will code it using the Plupload API. Plupload allows you to upload files using HTML5 Gears, Silverlight, ...

The tab navigation is an element you often meet in your daily browsing. There are so many ways, so many styles, but the idea is the same: you click a ...

flipCounter is a jQuery plugin that turns a boring ‘ole number into a big, beautiful analogue display. Count down the days until the apocalypse, make your own debt clock or ...

jQuery Picasa Plugin Stream Picasa Albums without touching the Server.Here is the HTTP API for Picasa. There’s a lot to it, but all we need to do is list albums ...

accounting.js is a tiny JavaScript library for number, money and currency formatting, with optional excel-style column rendering (to line up symbols and decimals). It’s lightweight, fully localisable and has zero ...

Modern News Ticker is a modern, powerful, flexible, fast, easy to use and customize news ticker. It offers a varied number of features while still being lightweight and very easy ...

AppJS is simple yet powerful resource which allows you to build desktop applications for Linux, Mac and Windows using HTML, CSS and JavaScript. Using AppJS you don’t need to be ...

Socialite provides a very easy way to implement and activate a plethora of social sharing buttons — any time you wish. On document load, on article hover, on any event! ...

This jquery plugin creates image thumbnails on client side for multiple images in a page. Sometimes you have different images with different orientation and size, which make your page a ...

A plugin to select one or more array or form entries visually, for example to filter a list or replace a multiselect form element.If you toggle an option, the text ...

No databases, no programming, no headaches. A simple javascript shopping cart in under 20kb that you can setup in minutes. It’s lightweight, fast, simple to use, and completely customizable. All ...

Apple is known for very clean design and if you have been to their website in the last few years you’ve seen their primary navigation. It’s a staple of the ...

The animated button & menu jQuery plugin allows you to easily replace <a> links with animated buttons and grouping buttons into a menu. Features: Buttons of any size. Any background ...

We want to create a video player that looks consistent across browsers. Each browser however provides its own different look and feel for the player, from the minimal approach of ...

Lightweight custom styled checkbox implementaion for jQuery. Features: only inline elements used, just like default checkoxes cross-browser look and feel (tested in IE6, IE7, IE8, Firefox and Chrome engines) work ...

gmap3 is a plugin for jQuery which allows you to use the Google maps API easily. It provides some powerful functions (clustering…) and some simple which avoid you to write ...

A jQuery plugin that converts a normal HTML form into ajax by only including the script. It sends the form by AJAX to the URL given in “action” property of ...

Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results. Look and feel of Select2 is based on the excellent ...

Today we will be using the HTML5 geolocation API to present the user with a personalized weather forecast. Using jQuery, we will issue AJAX request to two of Yahoo’s popular ...

Sprite3D.js makes it easy to manipulate HTML elements through CSS 3D transforms using a ActionScript-like syntax and hierarchy, and a bunch of chainable accessor methods. A Sprite3D object is a ...

elFinder is an open-source file manager for web, written in JavaScript using jQuery UI. Creation is inspired by simplicity and convenience of Finder program used in Mac OS X operating ...

Featured 3D Slider is a jQuery plugin that converts static HTML content into a 3D stage with smoothly moving objects. It is very easy to integrate it in a WordPress ...

A plugin to animate a selection of elements in a waveing way, from one side to the other, a little bit like a wave, hence the name.

Today we want to share an experimental 3D layout with you. It’s inspired by the famous Flipboard app where a seamlessly “normal” page flips like a page in a book when swiped. ...

Creates dynamic bits of HTML to add some zest to your content.Dynamo is the simple way to add a new dimension to your site content. Cycle through various bits of text ...

A jQuery Plugin to replace an element with an other element in a fadeing, sliding animation. Well, feel free to style your elements however you want, just make sure that ...

jq-idealforms is a small framework to build awesome responsive forms. It’s built on top of jQuery and LESS. Features: Fully responsive. (aka adaptive, adapts to the container, no css media ...

Imagine for a moment you could create animated media, and without changing anything, it worked the same on IE7, Android, and even your iPad2. Let’s take the dream further and ...

This plugin was born out of the need to use the label-over-field method for forms I was working on. There are other plugins out there that do pretty much the ...

Presenteer.js is a flexible HTML5 presentation tool that uses CSS3 transforms and transitions to make smooth HTML presentations.Works on Chrome, Firefox, Opera, Android, iPhone and IE9.It uses canvas, where canvas ...

Combine all of your favorite social networks profiles & feeds into slick slide out or static tabs. jQuery Social Media Tabs plugin can be added to ANY website – No ...

New York Times online had an article which showed a road in Brooklyn that had been reconstructed to make it safer and more pleasing to the eye. To show the ...

This is an easy to use jQuery Plugin to embed YouTube videos on your page by displaying them in a popup dialog box. I have used jQuery UI Dialog Widget ...

A simple jQuery plugin to display the weather information for any location. The data is pulled from the public Yahoo! Weather feed via the YQL API.In the demo shows how ...

I created a new jQuery pluging that works with the new Facebook javascript SDK to present a users list of friends and allows them to select the friends they would ...

Plax is a jQuery / Ender plugin that makes it suuuuuper easy to parallax elements in your site based on mouse position. You can see it implemented in many places ...

JQVMap is a jQuery plugin that renders Vector Maps.  It uses resizable Scalable Vector Graphics (SVG) for modern browsers like Firefox, Safari, Chrome, Opera and Internet Explorer 9.  Legacy support ...

Rockstar Map is a jQuery plugin for displaying an interactive map with locations, navigation and more. It’s perfect for any Contacts page and it’s super easy to setup and use. ...

tablecloth.js is a jQuery plugin that helps you easily style HTML tables along with some simple customizations.Either you’re redesigning a large site or working on a completely new one… styling ...

A simple navigation menu that “follows” page scrolling and expands on mouse over, made with css and jquery.

A fixed table of contents drop-down menu jQuery plugin. It’s a one-page site that uses a fixed drop-down menu at the top of the screen that collapses/expands in a “table ...

HTML based tabs are widely used as a part of the modern ux practices as it’s the most convenient way of presenting data and users can easily browse through larger ...

HTML5 <video> is great, but when it was first released, one of the big complaints was that it couldn’t do true FullScreen like Flash. Thankfully, this is changing and native ...

Here is a simple jQuery plugin I wrote recently which allows you to create a simple drop down menu, utilising hoverIntent, and jQuery’s own slideUp and slideDown effects. You can ...

Multipurpose Bookshelf Slider is useful for displaying products such as books, magazines, dvd/cd and others. It’s a way to showcase products in an attractive manner. Features of “lightbox” to display ...

Cubism.js is a plugin for D3.js, a JavaScript visualization library for HTML and SVG, to display time series in real-time. It has built-in support for Graphite and Cube, and can ...

jQuery Knob is powerful jQuery plugin that helps users to create beautiful circular switches ( like volume controls ).It works by transforming any given input fields according to the values ...

A jQuery plugin that attaches a popup keyboard to a text field for mouse-driven entry or adds an inline keypad in a division or span.The keypad functionality can easily be ...

MiniJs.com provides a suite of simple and consistent jQuery plugins written in CoffeeScript including image slider, tooltip and notification.

<meter> polyfill is newly introduced in HTML5 meter element in the browser does not support the meter so that the element to be rendered jQuery plug-ins. Such as Opera and Chrome, already meter to browsers that support the element does not ...

Revolver is a jQuery plugin for creating full screen sliding websites. It can be integrated into any website template. FEATURES • Scroll bar support • Browser’s back and forward buttons ...

firstImpression.js is a micro/nano-library (1 kb minified) that answers the simple question, “Has this user visited this site before?” The detection doesn’t require much logic, so the majority of the ...

Lazy Load is a jQuery plugin to delay loading of images in long web pages. Images outside of viewport (visible part of web page) won’t be loaded before user scrolls ...

Plupload allows you to upload files using HTML5 Gears, Silverlight, Flash, BrowserPlus or normal forms, providing some unique features such as upload progress, image resizing and chunked uploads. The developers ...

Trigger jQuery events for your responsive design breakpoints!.Define breakpoints for your responsive design, and Breakpoints.js will fire custom events when the browser enters and/or exits that breakpoint.

Lake.js takes an img element and inserts a canvas element displaying the image and its flipped reflection directly after the img element.

Most address fields on web forms ask for city, state, and zip code (or city and post code, outside of the US). But as us nerds often lament, city and ...

jNewsticker is a powerful jQuery plugin designed to seamlessly integrate into your website. Pre-packed with three news ticker styles and three skins, you can easily create your own skins. jNewsticker ...

Fathom.js – Present JavaScript in its native environment.If you’re making a presentation on JavaScript, make it in Javascript. Write your slideshow in HTML, style it with CSS and control it ...

A javascript viewer for displaying spherical panoramas. An alternative to Java and QuickTime technology.This viewer doesn’t require any browser plugin such as quicktime or java.

vintageJS is a jQuery plugin that uses the HTML5 canvas element to add a vintage look to images. It comes with three effect-presets and can be customized very easily. You ...

Kartograph is a new framework for building interactive map applications without Google Maps or any other mapping service. It was created with the needs of designers and data journalists in ...

Messi is a jQuery plugin to show clean, elegant messages in a simple way. With Messi you will avoid to use default JavaScript alert notifications or new windows to provide ...

Flux slider is a CSS3 animation based image transition framework, inspired in part by the fantastic Nivo Slider jQuery plugin. Instead of the traditional Javascript timer based animations used by ...

Cloudinary allows web applications to manage web resources in the cloud leveraging cloud-solutions. Cloudinary offers a solution to the entire asset management workflow, from upload to transformations, optimizations, storage and ...

Fixie.js is an open source tool that automatically adds filler content to HTML documents.Adding lorem ipsum text to HTML documents involves copy-pasting, manual editing, and increasingly unwieldy code. By interpreting ...

Rhinoslider is the most flexible jQuery slideshow there is. Be welcome to try it yourself. Not only do we offer a variety of effects, we also allow you to add ...

An iGoogle like drag and drop portal based on Prototype and Scriptaculou.

gzoom is a new jquery zoom plugin with following features : Click on plus and minus to zoom Drag the slider to zoom Zoom using mousewheel hover the image Moving ...

Use this Colour Picker plug-in on a normal <select>-element filled with colours to turn it in to a colour-picker widget that allows users to view all the colours in the ...

jQuery iMask Plugin is a jQuery input masking plugin.Following features : Static Masking Mask numbers, letters Customize list of valid numbers & letters Special symbols are displayed but un-selectable Optionally ...

Real Shadow is a simple-yet-effective jQuery plugin for creating realistic shadow effects for any HTML element. With a simple function, it works by targeting any number of elements and manipulating ...

Thumba is a gallery jQuery plugin, that displays thumbnails as Google images. You can navigate by moving the mouse, or using “Left” & “Right” arrows.Press “Enter” or click on a ...

A little jQuery plugin paint app that allows you to draw an image using some basic tools providing ability to load and save the images drawn. This is based on ...

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