jqueryrain.com - Archives (aout 2012)

Today we made up my mind to develop something really interesting and useful for you. A new jQuery plugin – as a generator of books. The main idea is to ...

Meny is a three dimensional and space efficient menu concept. CSS 3D transforms are used for the transition effect and JavaScript is used to track mouse/touch movement.Move your mouse to ...

This is a step-by-step tutorial on how to create a contact form in jQuery Mobile. I have also included complete php source code that can be used as a web ...

Hero Carousel is a jQuery carousel plugin with 100% width & previews of next/previous slide. Features: Timeout Interval resets when nav is clicked Auto scrolling Pause auto scrolling on hover ...

So you have files you want to give people access to files, videos, tutorials, images, etc. after they Tweet about your site or follow you on Twitter but you don’t ...

If you know Java concepts, you can easily understand any kind of language very quickly. If you want to became a good programmer, I strongly suggest start with J2EE programming. ...

The main focus of this article will be on the image grid. Let’s start with a look on the features of the original G+ image grid to find out what ...

Over the past year, we’ve seen website toolbar’s become an increasingly popular way for site-owners to offer users a consistent set of powerful social features, regardless of what page they’re ...

jqPuzzle lets you easily create sliding puzzles for your web page. Select an image, put it in your page, and add some magic – jqPuzzle will automagically turn it into ...

Tooltipster is a lightweight (4,813 bytes minified) jQuery plugin that enables you to easily create clean, HTML5 validated tooltips. Supports HTML tags inside the tooltip Lightweight and degradable Extremely flexible ...

hoverFlow  is a another Solution to Animation Queue Buildup in jQuery.Brandon Aaron published a quick tipon how to prevent animation queue buildup in hover animations. Since I was not satisfied ...

blackCalculator is a jQuery plugin for create a calculator. It supports CSS customization, easy translation, two options of calculators, cross-browser, allow and disallow keyboard!

jQuery SideBar Plugin is display sidebar menu.We can show tabbed sidebar menu from anyside of the screen with this plugin.

jsPlumb provides a means for a developer to visually connect elements on their web pages. It uses SVG or Canvas in modern browsers, and VML on IE 8 and jQuery.jsPlumb ...

TextFX is a jQuery text animation tool for animating a single line of text. It is built for easy usage, but also lends itself nicely to more advanced coders with ...

Chirp.js is a simple way to Tweets on your website with javascript.Chirp js ia very lightweight, Templating and Client-side caching features.

Today we will create an animated old letter. In this letter, we will use an animated pen. When the pen dries out – we’ll dip it in the ink. And ...

JalaliJSCalendar is a JavaScript date-picker and calendar widget based on “Dynarch DHTML Calendar” from Mihai Bazon. The main difference between two is that JalaliJSCalendar supports Persian (AKA Hijri Shamsi) calendar ...

There are so many web applications available for shortening URLs to share online. TinyURL is one of the originals and has been around longer than I can even remember. Their ...

jToday is a jQuery plugin that displays a today calendar showing today’s date or any date you specify. jToday is written in JavaScript. jToday also supports a year value, although ...

Lemmon Slider is a jQuery-based carousel that supports slided elements with variable widths. It’s lightweight and very simple to use. Features Can slide any kind of content ULs, OLs, DIVs, ...

The typical Flickr interface design includes a lot of Ajax panels which you can edit right from any settings page. Their website layout incorporates many web 2.0 trends as you ...

In this tutorial we will code an Interactive Graph using jQuery and CSS3. We will use the jQuery’s popular plotting plugin “Flot”. Flot is a pure JavaScript plotting library for ...

Looking to give your next web app or custom cms dashboard that edge? If so then this accordion style jQuery dashboard menu will do just that.Impress your users with the ...

Displaying your flickr photos without leaving or slowing down your web site.Here you can download a script to add a flickr badge like the following to any HTML document or ...

The ultimate framework for building and validating responsive HTML5 forms. Features: Fully responsive (AKA adaptive, adapts to the container, no css media queries needed). Keyboard support. Every input type can ...

A couple of months ago, we designed and released two custom iOS themes for jQuery Mobile. They were a big hit in the mobile web community, and hopefully still getting ...

Really Simple Slideshow is a jQuery plugin for creating image slideshows. Images are loaded dynamically as each one is required, allowing for larger slideshows without having to pre-load lots of ...

A CSS/JS solution for tables that allows them to shrink on small devices without sacrificing the value of tables, comparison of columns.Our solution for responsive tables requires two included files ...

This jQuery plugin replaces the standart select element with a custom looking selectbox. Plugin has keyboard support.

This tutorial is about ajax based contact form with jquery validation and ajax based captcha.Captcha is main part of any form and if it is ajax based then it looks ...

This plugin makes it easy to add fit-to-fill background video to websites. It can play silent ambient background video (or series of videos). Or use it as a player to ...

jQuery mobile framework provides easily themeable, HTML5-based interface with support for pages transitions, therefore it would be very easy to create simple web presentations that will work on all popular ...

Based on the amount of requests i’ve received lately on this post, on creating a simple, yet extendable dropdown menu, i believe easiest way to achieve this would be through ...

The jQuery mapbox() plugin is for creating relatively small scale, zoomable, draggable maps with multiple layers of content. This framework could be applied to games, development plans, or any layout ...

Increase advertising revenue and the number of visitors to your site using the content lock based on the Facebook Like Button. Lock the most interesting part of your articles, links, ...

In this post I’m going to share about how to create an experimental flyout image slider. This image slider is a stack of some images and works by flying out ...

Audio-Gallery-Suite is a complete audio gallery suite/solution that includes a web audio gallery and a software for managing playlists, uploading audios and managing the web audio gallery. The Audio-Gallery-Suite is ...

In this short series we will learn how to highlight the sections of the content on page based on what html tag they are wrapped within.

In this tutorial, we will focus on creating an interactive network visualization that will allow us to get details about the nodes in the network, rearrange the network into different ...

In this tutorial I am going to create a stylish Tweet book to keep your best friends and view their Tweets. As you complete this tutorial you will gain knowledge ...

A small jQuery carousel script for images or HTML. Things to know: All slides are set to the same width and height as the first slide. A minimum of 3 ...

FileDrop is a lightweight JavaScript class for easy-to-use file uploading that works out of the box.Self-contained cross-browser pure JavaScript class for Drag & Drop and AJAX (multi) file upload. Features: ...

You want to put your data on a searchable, filterable map. This is a free, open source tool to help you do it. Features : clean, full screen layout new ...

In this tutorial we will create a jQuery triple panel image slider with a 3D look. The idea is to have a main panel and two lateral panels that are ...

Picanim is jQuery plugin used to bring stylish image hover. Features: 27+ unique hover effects include: such as grayscale blur transparent fadeIn slice fold boxRandom boxRandom boxDiagional… small size,just 3kb ...

Spritespin is a jQuery plugin that enables sprite animation in your website. It takes an array of images or a stiched sprite sheet and is able to play these images ...

There are many social networking websites designed with a specific layout in mind. User profile pages are some of the more complex designs included with a community-based network. You’ll often ...

jBar is a simple and lightweight jQuery notification banner I’ve created which is an alternative to the Hellobar. It allows you to create a simple call to action and bring ...

An Unobtrusive Accessible Slider script that can also be used as an HTML5 Input Range polyfill solution. The script can be used as an HTML5 input range polyfill solution Introduces ...

trunk8 is a text truncation extension to jQuery. When applied to a large block of text, trunk8 will cut off just enough text to prevent it from spilling over. Unlike ...

Photon is a experimental javascript CSS 3D Lighting Engine.

HoverTransitions allows you to create numerous transition animation effects for webpage elements. The effects are performed by breaking the element into smaller boxes and animating the appearance of each of ...

CLEditor is an open source jQuery plugin which provides a lightweight, full featured, cross browser, extensible, WYSIWYG HTML editor that can be easily added into any web site. In addition ...

Adaptor is a light-weight content slider that aims to provide a simple interface for developers to create cool 2D or 3D slide animation transitions.Currently, It has only added 3D support ...

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 potential, ...

Here is new tutorial to add a nice advanced sliding effect bar to your website with JQuery UI and CSS3.

Beautiful jQuery Animated Menu is a Basic Menu bar using Jquery ,html and css.This Menu has a Very Sleek and Beautiful Hover Effect.It is quite easy to Implement also quite ...

jQuit Builder is now available in beta. jQuit Builder is a tool which allows you to create custom jQuery UI themes much like with the jQuery UI ThemeRoller. From experience ...

The jQuery Metro Flexible Navigation is a minimal, clean grid layout inspired by the new Windows 8 interface. It can be customized to be laid out horizontally or vertically. It’s ...

This project is an attempt to build re-usable charts and chart components for d3.js without taking away the power that d3.js gives you. This is a very young collection of ...

HTML5 Sortable is a jQuery plugin to create sortable lists and grids using native HTML5 drag and drop API. Features : Less than 1KB (minified and gzipped). Built using native ...

Here is a very simple way ho to create a heat map with jQuery. The idea is to track the clicks of a user and then display the click pattern ...

Unlike many other colorpickers out there, colorjoe is truly scaleable. It is based on CSS and does not depend on external images. As a result, you can tweak its size ...

PowerTip features a very flexible design that is easy to customize, gives you a number of different ways to use the tooltips, has APIs for developers, and supports adding complex ...

An isotope powered social stream.An infinite social stream based on RSS feeds with a MySQL backend.Currently supports the following social networks (however it should work reasonably well with any RSS ...

Check for broken links in yout website with jQuery.Status.js is a full client side tool, but still it makes a lot of requests to the server to crawl the entire ...

An experimental animated ribbon which reveals a curtain of additional content. See the top right corner! of the demo.

Shiny Sparkle Progress bars with percentage label. The sparkles inside the bars are created using a combination of linear-gradient and radial-gradient as the background and then animated using the animation ...

Today we’re going to be creating a file uploader using HTML5 drag and drop, along with the file reader API and some PHP. We’ll also be using local storage to ...

After spending couple of hours searching for floating share box plugin for WordPress, I  finally decided not to use plugins. Those plugins were not good enough to produce what I ...

When you want to test to see if jQuery is working, just add the jqtest ID to the link/a-tag you want to click for an alarm. Plus here there are ...

This is a little jQuery experiment I put together, just for kicks! Here is a list of things I wanted the wall to do, and things you’ll be learning to ...

Hotspot is a plugin for easily adding annotations, text, or other stuff to an image, on the exact locations that you want. It’s an old concept with one exception. It ...

Consider a situation where you include your blog categories in a navigation menu. If you have a long category list, a drop down navigation menu will exceed the page height ...

JustGage is a handy JavaScript plugin for generating and animating nice & clean gauges. It is based on Raphaël library for vector drawing, so it’s completely resolution independant and self-adjusting. ...

Lightbox is a simple, unobtrusive script used to overlay images on top of the current page. It’s a snap to setup and works on all modern browsers.

Typist is a jQuery plugin that allows you to animate text as if it were being typed onto the screen.

In this post, we are going to walk you through on how to build a simple navigation from the ground and using the CSS3 media queries and a little jQuery ...

In this Article we are providing best jQuery flip effect plugin with examples.These plugins make the html content and images flip 360 degree and animate them with jquery and css3 ...

A jQuery plugin for creating a responsive image grid that will switch images using different animations and timings. This can work nicely as a background or decorative element of a ...

“Animator” gives you the possibility to animate almost every single HTML element on the page.It can’t be easier to do. Just add a class called “animate” + <<animation name>> Sometime ...

JZoopraxiscope is a jQuery plugin for making animations from static images inspired in Eadweard Muybridge’s Zoopraxiscope.Besides jQuery, it also uses jQuery UI and requires the frames to be animated as ...

I wanted to create with only use of CSS3 the boot, the login page and finally the desktop of the Mac OS X Lion.Booting page is simply the Mac OS ...

In today’s tutorial we’ll show you how to create some cute looking photo strips and integrate Lightbox 2, one of the most popular and widely used lightbox scripts. The idea ...

app-UI is a collection of user interface components that may be helpful to web and mobile developers for creating interactive applications using HTML and jQuery, especially those targeting mobile devices. ...

In this tutorial I’ll give you a quick run down of how to go about creating this slide in effect.There are a few things we want to accomplish. The code ...

MetroPanel is new navigator system for modern sites with following features Features: Two Panel Position: left and right Unlimited Items Unlimited background AJAX + HTML5 smart load for SEO jQuery ...

When it comes to attracting attention to yourself on the internet, nothing does a better job than share buttons. Whether its twitter or google plus, social media probably has a ...

To continue with our experiment series, our designing and programming team joined forces to create an amazing carousel vintage photo slider with PHP and jQuery. This is definitely a nice ...

Buzz is a small but powerful Javascript library that allows you to easily take advantage of the new HTML5 audio element. It tries to degrade gracefully on non-modern browsers.

I was perusing the Web looking for some quick and dirty Javascript I could use with the Twitter Search API to display a list of recent tweets containing a particular ...

jQuery.iviewer is an jquery ui widget representing image viewer component used to load and view image with ability to zoom image and to drag it with mouse in container.

This plugin adds automatic ajax loading of page content when the user scrolls the page, with built-in browser cache. When the user gets to the end of the page, it ...

CropZoom is a plugin that let you select an area of an image and then crop it. whit this tool you also will be able to zoom in or to ...

The world’s most advanced browser HTML5 based WYSIWYG editor lets you experience a whole new way of editing. It’s faster than existing technologies and offers unprecedented WYSIWYG functionalities.

A fluid asymmetrical animated grid plugin for jQuery.Flex is an idea inspired by the old flash homepage on Adidas.com. Searching google for anything that resembled that effect, lead me to ...

Gridster is a jQuery plugin that makes building intuitive draggable layouts from elements spanning multiple columns. You can even dynamically add and remove elements from the grid.

Create and customize your own poll. Innovative, fun graph poll dynamically allows users to answer a question and vote. Great interactive feature to add to your website. Adding this easy ...

100% native and cool looking animated JavaScript/CoffeScript gauge No images, no external CSS – pure canvas No dependencies Highly configurable Resolution independent Animated guage value changes Works in all major ...

The full effect of it (with transition animations) will work in newish WebKit and Opera browsers and Firefox 4 above. Any other browser will rotate the blocks without transition animation. ...

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