jqueryrain.com - Archives (juin 2012)

Turn simple HTML markup into a responsive(mobile friendly) or fullwidth slider with must-see-effects and meanwhile keep or build your SEO optimization (all content always readable for search engines). See the ...

Nicescroll (as nice scroll for browsers) is a jquery (since 1.5) plugin, for nice scrollbars with a very similar ios/mobile style. It supports DIVs, IFrames and document page (body) scrollbars. ...

Infinite Ajax Scroll is a plugin that turns you existing pagination into an infinite scrolling one, with ease. Features Infinite scrolling increases usability for you visitors, by removing an extra ...

EaselJS is a library to make working with the Canvas element easier. It provides a display list to allow you to work with display elements on a canvas as nested ...

Smartphones are now equipped with some very efficient web browsers. JavaScript is more powerful than ever before, and can be extended with the help of code libraries such as jQuery. ...

jQuery based javascript plugin that converts a standard HTML table to an Google visualizations chart and displays it on the page. Currently converts a table to one of these google ...

Today we want to share a creative grid layout with you. The layout will contain slides where each one consists of up to four panels. When navigating through them, we’ll ...

In this tutorial we will code an Video Player from Impressionist UI by Vladimir Kudinov. We will code it with CSS3 for the styling and the “MediaElement.js” for the functionality. ...

jQTouch is a JavaScript plugin which works with either Zepto.js or jQuery, and comes with smooth animations, navigation, and themes for mobile WebKit browsers (as found in iOS, Android, BlackBerry, ...

With more and more users browsing the web with a mobile device, it’s time to begin with mobile web development. In this tutorial we are going to develop a simple ...

Dynamic Grid is a jQuery plugin for generating an animated, responsive and great looking grid for your content – be it images, news feed, text and what not. With the ...

Smart Cart is a flexible and feature rich jQuery plug-in for shopping cart. It makes the add-to-cart section of online shopping much easy and user friendly. It is compact in ...

jStorage is a simple wrapper plugin for Prototype, MooTools and jQuery to cache data (string, numbers, objects, even XML nodes) on browser side. Note that functions, DOM nodes, host objects ...

Smart Wizard is a flexible jQuery plug-in for wizard like interface. It allows to group contents into sections and so it saves page space and also gives a neat and ...

SeuratJS is a JavaScript library that extends Raphaël and allows for the creation of vivid animations and pixelated artwork using minimal code. It does this by extacting color data from ...

This started out as a little experiment and eventually turned into quite an endeavor. The task was simple enough; to emulate Internet Explorer’s ‘grayscale‘ filter in all non-IE browsers. The ...

Nestable is an interactive hierarchical list. You can drag and drop to rearrange the order. It even works well on touch-screens. If you’re familiar with the way WordPress allows the ...

AjaxML was designed to decrease development time of Ajax requests, as it was measured to reduce development time upto 60% from time consumed using normal jQuery ajax.We take care of ...

iCarousel is a powerful mobile-friendly and lightweight jQuery plugin that allows you to arrange a set of images in a carousel layout. The plugin also provides an easy to use ...

Implementing a vertical baseline can be pretty easy. But maintaining one can be difficult, particularly with the addition of images in articles and webpages. That’s where Baseline.js steps in. Baseline.js ...

Write maths, see maths is a jQuery plugin for editable areas which gives an instant MathJax preview of the TeX you’re writing just above the cursor.

D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS. D3’s emphasis on web standards gives you ...

In this jQuery Mobile tutorial, we will create a nice demo app from scratch, to show some of the things that can be easily done using this powerful tool.We will ...

zoom.js is a small proof of concept JavaScript library for zooming in on DOM elements or points in a document. It uses CSS3 transitions and 2D transforms (scaling, translation, transform ...

jRecorder is a jQuery plugin to enable a flash recorder in your webpages. You DON’T need to have a flash streaming server or RED5 server to do this recording. Features ...

This item is an interactive, animated, Polaroid alike gallery. You can use this plugin to easly build a cool-looking gallery or a stand-alone nice photo. User can navigate throught the ...

HorizontalNav is a jQuery plugin that spans a horizontal navigation to fit the full width of it’s container. If you’ve ever had to create this effect on a project, you’ll ...

FBModal is a jQuery plugin that is the first Facebook replica modal dialog.FBModal provides a simple ways to invoke a modal dialog. Here is an example of how you can ...

This is an easy to implement framework of Google+ styled buttons, icon buttons & dropdown menu buttons that look and work great in web applications.The dropdown menu button uses jQuery ...

A 3D transform/CSS transition-enabled jQuery plugin for displaying responsive, image-based content with shiny animations. Features : A few transitions to play with Responsive down to mobile scale CSS transition & ...

Numeric data quickly becomes difficult for us humans to understand. Once the number of rows or columns in a table passes two or three, the meaning quickly becomes harder to ...

An easy-to-use rss plugin for jquery with templating.This plugin can be used to read a RSS feed (via the Google Feed API) and transform it into a custom piece of ...

This post is very basic level jQuery and CSS implementation. I want to explain how to design simple drop down menu  with CSS, HTML and jQuery. This system helps you ...

IE Alert is a handy jQuery plugin that shows a well designed warning message to the visitor who’s trying to view your site with an older version of Internet Explorer browser, this warning ...

Ken Burns a jQuery Sliders Full Collection comes in 4 versions: Fixed Dimensions, Full Width, Full Screen and SideBar banners/Mini-Galeries. Please see the features and check the live preview of ...

Dead simple responsive widgets, written using CSS3 transformations and available as a jQuery Plugin. Currently a sideshow and accordion are available, more to come!.Responsive designs are cool! Not only do ...

jQuery Stepy is a plugin based on FormToWizard that generates a customizable wizard.

Today we want to show you how to create some exciting 3D hover effects using CSS3 and jQuery. This idea is inspired by the cool hover effect that you can ...

dygraphs is an open source JavaScript library that produces produces interactive, zoomable charts of time series. It is designed to display dense data sets and enable users to explore and ...

Browsers do not let you style file inputs. File Style plugin fixes this problem. It enables you to use image as browse button. You can also style filename field as ...

This tutorial teaches you how to create a circle just like the one Google Circles use. As many of you might have already seen, one of the coolest features from ...

jQuery.suggest, a simple inline autosuggest jQuery plugin. It takes an array of terms as haystack and suggests the user the first item that matches what has been typed to this ...

RingShare could be apllied to any html element and could be customized for your own needs. and works in all recent browsers: Firefox, Chrome, Opera, Safari and Internet Explorer 7,8,9 ...

A fairly common web interface feature is the dynamic view switcher. On product pages or blog archives you’ll sometimes find buttons to change the layout from display lists to smaller ...

jqmPhp is a package of PHP classes that facilitates the creation HTML files for use with jQuery Mobile Framework. All classes in the jqmPhp package can be converted to string ...

Plugin to replace navigation with a dropdown for mobile devices.It’s simple as abc. If you have some kind of navigation that you want to replace with a dropdown for mobile ...

I’m sure it’s partly me getting better at JavaScript, but I found the API quite well done and easy to work with. For one thing, it’s fully evented. That means ...

The Web has become increasingly interactive over the years. This trend is set to continue with the next generation of applications driven by the real-time Web. Adding real-time functionality to ...

Now you can preload your HTML 5 page with this nice plug in, passing data via JSON. You can customize it changing colors and style. It can preload video, audio, ...

While good for simple effects, popular JavaScript libraries like jQuery lack the Oomph required to animate complex user interactions in the DOM. JSTween was designed from the ground up for ...

jQuery widget for sprite animations. Background image (sprite) consisting of picture frames like the movie tape is animated. Widget supports options to adjust smothness and speed of animations as well ...

A new style animted menu in jQuery with following features : Cross Browser Compliant – IE9 , FF3+,Opera, Safari, Chrome Mobile Ready – Works in mobile browsers. Sliding Sub menu ...

Ever seen a website showcasing image thumbnails that are slightly rotated? It’s a simple effect that adds a layer of visual personality. Saying that, if you’re not achieving the rotation ...

One of the biggest trends in recent modern web design is use of parallax scrolling effects. In this tutorial I’m going to show you how you can create the effect ...

jQuery Picture is a tiny (2kb) plugin to add support for responsive images to your layouts. It supports both figure elements with some custom data attributes and the new proposed ...

A jQuery plugin that triggers a callback after all the selected/child images have been loaded. Because you can’t do .load()on cached images. The state of all once checked images is ...

Today I am going to share a trendy functionality which I have been implementing in my projects for a while now. I call it “FoxyComplete” and what is does is ...

Almost everyone, at one point during childhood, has played jigsaw puzzles. Today I am going to show you how to create a jigsaw puzzle using jQuery and PHP. Lets start ...

Building websites for PUMA has given me the opportunity to do some pretty cool stuff. The latest feature was dreamed up by Owen, and it turned out to be pretty ...

In this tutorial we will be creating a beautiful password strength indicator. It will determine the complexity of a password and move a meter accordingly with the help of the ...

Zuper Slider uses unobtrusive javascript and a powerful configuration panel for effects and design elements to transform a block of simple HTML markup into a beautiful elegant slider. When we ...

Pagination is a technique used to break large data sets into small blocks in order to reduce the server load. We used to create pagination buttons with page numbers and ...

A jQuery plug-in for creating a parallax special effect in your page layout.In order to prepare your page for HJ=P, you need to design your graphics with parallax in mind. ...

Your site looks impressive when it displays a slideshow background image in the wind and Maximage makes it possible for you.

Drag n Drop panels are great to let the user control how he/she wants to see the information as he can arrange various information blocks according to his preference. This ...

Requires jQuery for basic shortcuts ($) and stuff.Requires Raphael for drawing.jQuery UI may be used to allow draggable nodes.The basic principles of a force directed layout controlling nodes are as ...

Inline annotation for the web in pure Javascript.The Annotator is an open-source JavaScript library and tool that can be added to any webpage to make it annotatable.Annotator is a web ...

Beautiful customizable jQuery carousel. Features: an unique vertical scrolling mode besides standard horizontal one an adjustable number of strings can adjust to the width of a page supports any content ...

In this tutorial we will create sticky header that is initially on its original place above the content, but as soon we start scrolling down the long page, it sticks ...

blur.js is a jQuery plugin that produces psuedo-transparent blurred elements over other elements.

During browsing internet, I have noticed new interesting thing – it looked like isometric guide. Today I will show you how you can create something similar. We will create isometric ...

Custom events ‘movestart’, ‘move’ and ‘moveend’ for jQuery.Move events provide an easy way to set up press-move-release interactions on mouse and touch devices. Move events are designed to compliment drag ...

Anybody trying caching with ajax may find it difficult but the reality it is not. Rather its not at all hard and very easy to implement. There are many ways ...

jSignature is a jQuery plugin which simplifies creation of a signature capture field in the browser window, allowing a user to draw a signature using mouse, pen, or finger. jSignature ...

Have you thought about own facebook-style photo gallry system with comments? I think – yes. Today I made up my mind to prepare it for you. Main idea – when ...

pageguide.js is an interactive visual guide to elements on web pages using jQuery and css3.Instead of cluttering your interface with static help message, or explanatory text, add a pageguide and ...

Pinterest style layout gallery is a lightbox support image and youtube, vimeo video.CSS3 driven animation, graceful degradation, it will toggle the fade transition in the old browser.Optional animation transition style.Optional ...

Tipue Search is a jQuery site search engine. It includes advanced features such as word stemming but is designed to be easy to install.Tipue Search is very fast, as the ...

jQuery.PercentageLoader is a jQuery plugin for displaying a progress widget in more visually striking way than the ubiquitous horizontal progress bar / textual counter. The plugin takes miniminal installation and ...

Extremely customizable modal window plugin for jQuery with 139 lines of code, written specially for programmers.If you want to use your own names for modal and overlay classes, you can ...

Learn to make a simple snake game using HTML5 canvas and Jquery.

I was working on a project that required the GUI to allow the user to dynamically add, remove and rearrange various form fields contained in table rows. The tricky part ...

In this tutorial we’ll create a fullscreen slideshow with a twist: we’ll cut the current slide open in order to reveal the next or previous slide. Using jQuery and CSS ...

Seahorse is a JavaScript library, licensed as free software, created to simplify the use of forms, particularly to simplify the form validation. Provides functions to validate, convert and serialize information ...

ezEditTable 2.0 is a javascript code aimed at enhancing regular HTML tables by adding features such as inline editing components, advanced selection and keyboard navigation. With just a line of ...

nestedSortable is a jQuery plugin that extends jQuery Sortable UI functionalities to nested lists. Features: Designed to work seamlessly with the nested set model (have a look at the toArray ...

Do you use google maps? I am sure that yes. Have you ever tried ‘Search nearby’ function here? I like this feature and today I will show you how you ...

To use this plugin, simply define a container to host the visual barcode.The BCC library is a open-source library for barcode generation with the objective to be ported in as ...

jQuery TimePicker is a plugin to help users easily input time entries. It works by allowing the user to type times in a free format or selecting them from a ...

There are many example out there that using CSS3 transform and animation for enhancing the webpage and today I’m going to share one of them. Using CSS3 transform and animation ...

The script is a complex jQuery elegant Glyph drop-down Menu (horizontal and vertical) with huge possibilities for any project. Easy to use. You can set method of open – mouseover ...

AliceJS  is a micro JavaScript library focused on using hardware-accelerated capabilities (in particular CSS3 features) in modern browsers for generating high-quality, high-end visual effects.AliceJS is completely self-contained and doesn’t rely ...

FlippingBook WordPress Gallery Plugin is a full integrated image gallery plugin for WordPress with page flipping effect. Allows you to create flash books with page flip effect directly from the ...

Each location on the map would be represented by a bullet. Clicking the bullet would bring up more information on the location. Since the locations of the bullets tended to ...

ContentFlow is a flexible CoverflowTM / ImageFlowlike flow written in javascript, which can handle any kind of content. With ContentFlow it is now possible to have any number of flows ...

Why another jQuery calendar? I needed something very specific for a personal project which led me to created this calendar. After making it I thought it was pretty neat.You’ll have ...

In this tutorial, I’ll show you how to create a simple ribbon dropdown menu using CSS3 and jQuery. The menu is cross-browser compatible so it will be easy for you ...

Quickly create stunning highly styled jQuery and Google Maps v3 based maps for your next business directory, real estate guide, or travel site project. Included 2 power widgets and 3 ...

SelectNav.js is a JavaScript plugin that lets you convert your website navigation into a select drop-down menu. Used together with media queries it helps you to create a space saving, ...

jQuery plugin for creating bar graphs from your data. jqBarGraph is compatible and fully tested with Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+. There is ...

chronoline.js is a library for making a chronology timeline out of events on a horizontal timescale.From a list of dates and events, it can generate a graphical representation of schedules, ...

A jQuery plugin to randomize the display of objects in a grid.

jquery.textntagsis a small UI component that allows you to “@tag” someone in a text message, just like you are used to on Facebook or Twitter.jquery.textntags is written as a jQuery ...

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