jqueryrain.com - Archives (juin 2013)

Trip.js is a jQuery plugin that can help you customize a tutorial trip easily with more flexibilities.

Dasky is a jQuery timeline slider,you can use it to show you products’s chagelog/loadmark, or loadmark of you team/life. And others what you want. It based on the power of ...

Allows you to accurately obtain an element’s em value in pixels using JavaScript. No more blindly dividing by hard-coded values.

A jQuery plugin for getting, setting and replacing the selected text in input fields and textareas.This jQuery plugin is for easily finding the starting and ending positions of selected text ...

Smint is a simple jQuery plugin that helps with the navigation on one page style websites. It has 2 main elements, a sticky navigation bar that stays at the top ...

The jQuery plugin for complex animations.

One of the things we thought might be nice to change is the search input. We’ve put it from the sidebar into the header and we use a common effect ...

Flexy is a menu component based in CSS and Javascript code. You can use Flex Menu it as a horizontal or vertical menu. It is a responsive and collapsible menu, ...

A jQuery plugin that lets you display instagram photos to your website. For the most part, Instagram’s API only requires the use of a client_id. A client_id simply associates your ...

The jQuery realtime library is a first attempt at making it really easy for anybody to add realtime data to a web page by just adding markup to a page ...

Today, I will be sharing an experiment to replicate the behavior of the side menu, similar to what you’ve seen on smartphone applications, but this tutorial is for the web. ...

Convenient way to collect structured form data into JavaScript object. Because everything is better with jQuery, jQuery plugin added, check out jquery.toObject.js. This is not a serialization library. Library used ...

Today we want to share some ideas for modal window effects with you. There are infinite possibilities for transitioning the appearance of a dialog box and we wanted to provide ...

Simple Instagram Video is a premium Instagram plugin that uses the power of HTML5 Video to showcase the latest functionality of the Instagram API. We know you will love it ...

A jQuery plugin to manage local storage and cookies simultaneously in a simple interface. We found that HTML5 Local Storage gave us the best return in terms of reliability and ...

Mason.js is a jQuery plugin that allows you to create a perfect grid of elements.Mason was created to solve a problem with most grid system currently available. Gaps. When using ...

Age is a jQuery plugin that formats and tracks dates and times as human readable text.

A collection of mobile event plugins for jQuery.This is a series of plugins that create additional events that can be used in combination with jQuery when developing for mobile devices. ...

Gridly is a jQuery plugin to enable dragging and dropping as well as resizing on a grids. In the demo below try tapping or dragging any of the bricks.

This HostSlide hosting plan & pricing slider is the best widget for your website. It’s lightweight and the layout can be changed easily in the CSS file. It’s powered by ...

jQuery Steps is a smart UI component which allows you to easily create wizard-like interfaces. This plugin groups content into sections for a more structured and orderly page view. Furthermore, ...

IndexedDB is a database inside a browser to save and retrieve objects on the browser/client. The Jquery IndexedDB Plugin is a wrapper over IndexedDB, making it easier to use with ...

Horizontal Gridfolio Pro is a fully responsive media grid plugin that allows you to display media content with an unique and original layout. It’s perfect for presentations, for anyone that ...

In this tutorial today we’re going to create a horizontal portfolio layout with cool hover effects inspired. The website is made in Flash, so I thought it would be nice ...

In this tutorial I`m going to show you how to create a simple, but very stylish vertical menu using some CSS3, a bit of jQuery, a custom text font and ...

In this tutorial I want to demonstrate how we can build a jQuery banner rotator which works even over PHP/Rails caching. You only need to implement the codes on your ...

A dynamic grid layout that let’s you choose how many rows and columns of items are shown. Partly based on the visualization of Google Trends, except that you can add ...

A simple plugin to automatically display aJax requests using jQuery with highly configurable. In the code of your script you don’t need any more support indication to the user requests. ...

This plugin for jQuery will arrange your images to fit exactly within a container. You can define the padding between images, give the images css borders and define a target ...

Magic is a CSS3 framework with many animations. Is simple to use and many animations are cross-browser compatible.

An eye dropper tool on the web. Paste an image into the window, and mouse over it to extract colors with the help of this javascript plugin.

A jQuery plugin for draggable background images.Their are 3 types of different draggable effect with this plugin.

Today we want to show you how to create some simple, yet stylish hover effects for image captions. The idea is to have a grid of figures and apply a ...

In this a author put together a flexible mega menu system that can hold 12 sizes of drop downs, unlimited fly-out elements combined with a jQuery script to enhance the ...

Display your latest tweets with jQuery and Handlebars.js Template.

jQuery File Download is a cross server platform compatible jQuery plugin that allows for an Ajax-like file download experience that isn’t normally possible using the web.

SmartMenus jQuery is a successor to one of the oldest website menu scripts which was released back on August 2, 2001. Although the name of the project remains the same, ...

Animated text progress bars parsed from a simple string language.

Focusify is a simple jQuery plugin for visually enhancing forms and form elements. Problems surface when there is a requirement to provide visual cues from interactions with form fields. Since ...

StarTube is a powerful yet easy to use video gallery based on the brand new StarTube jQuery Plugin. It’s a perfect choice if you wish to bring your favorite videos ...

jLabel is a jQuery plugin that formats text input fields with unobtrusive labels featuring interactive suggestions. This allows input fields to be labelled clearly and presented with minimal interface obstruction.

This plugin is designed to work with Twitter Bootstrap to enable declarative AJAX support. No more writing the same 20 line $.ajax blocks of Javascript over and over again for ...

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 fluid ...

Apple’s website is always full of small innovative details and fancy CSS3 transitions. Designers talk about the clean and simple interface, while front-end developers wonder how some of these elements ...

It all started last week when I saw this pretty dribbble shot. I immediately felt the urge to convert it into a working clock and share it with Tutorialzine’s readers. If you’d ...

lazyBlock is a proof-of-concept to show how content can be conditionally loaded in responsive designs without relying on AJAX to fetch that content. Content is included in the original mark-up ...

Today we would like to give you some button inspiration. This button set consists of some simple, creative and subtle styles and effects to inspire you. The effects can be ...

ZoomBox 2 – The Photographer’s Lightbox ! What makes ZoomBox unique to the other lightbox scripts ? In short – quality, user-friendliness, design and social media connectivity. Take a look ...

An unofficial Twitter Bootstrap plugin to enable Twitter Bootstrap dropdowns to activate on hover and provide a nice user experience.

I’ve been playing with a layout that needed an good looking dropdown menu, so I’ve decided to create one myself, and also created this tutorial, hopefully it will prove to ...

In this tutorial we learn how about loading database records automatically when user scrolls down to the bottom of the page? The technique can be seen in Twitter, Facebook and ...

A simple jquery sliding plugin, supporting responsive design, keyboard and touch navigation. Features: AutoPlay Slideshow Keyboard slide navigation Mouse slide navigation Prev/next button navigation Repeat when last slide is reached ...

Another jQuery carousel plugin.This plugin will convert the ul element into a carousel.

jQueryFacebookWall is a jquery plugin that will build a timeline or wall style post feed on your website with your Facebook account data. jQueryFacebookWall includes options to show events, likes, ...

jQuery plugin that displays your public picasa web albums on your website in a photo gallery.

1. Red Sky – One Page Multi-Purpose Theme 2. Glider • Clean & Powerful Flat stylish theme 3. iCarus Fullscreen Studio for WordPress 4. Weblog | A Creative’s Portfolio & ...

flipGallery is a free and lightweight jQuery powered photo gallery with sleek flipping transitions between thumbnails and lightbox enlargements. Other features include dynamic image streaming, auto pagination, auto cropping and ...

Panzoom is a progressive plugin to create panning and zooming functionality for an element. Panzoom supports the same browsers as jQuery 2.0 and can be used with jQuery 1.9.0+ or ...

Bootstrap switch is totally based on twitter bootstrap library with the help of jQuery.

Easy responsive tabs – is a lightweight jQuery plugin which optimizes normal horizontal or vertical tabs to accordion on multi devices like: web, tablets, Mobile (IPad & IPhone). This plugin ...

iMapper – jQuery/HTML5/CSS3 Image Mapper is a simple, yet powerful plugin that lets you select an image of your choice and pin stuff on it. It offers several embedded pins ...

Dense is a jQuery plugin for serving retina-ready, high pixel ratio images with ease. Small, ease-to-adapt, yet very customizable and works cross-browser. Dense adds support for data-ratiox attributes and Apple’s ...

jQuery Bar Rating Plugin works by transforming a standard select box into a rating widget. It’s only 2.5kb minified and easy to style with CSS.

Blades 3D is a responsive and retina ready with CSS3 3D Transforms and CSS3 Transitions. Features: Responsive (optional) Retina Ready (optional) Choose to use autoplay and set autoplay delay Automatically ...

Swipebox is a jQuery “lightbox” plugin for desktop, mobile and tablet. Features: Swipe gestures for mobile Keyboard Navigation for desktop CSS transitions with jQuery fallback Retina support for UI icons ...

Detector is a simple, PHP- and JavaScript-based browser- and feature-detection library that can adapt to new devices & browsers on its own without the need to pull from a central ...

offCanvasMenu is a jQuery/Zepto plugin that provides an easy way to implement an off-canvas toggling menu, a navigation metaphor made popular by mobile applications. When activated, offCanvasMenu “slides” the menu ...

ScriptCam is a popular JQuery plugin to manipulate webcams. Take snapshots, detect movement, colors, QR and barcodes, record videoclips and organize videochats. Impress your clients and visitors with this multi-language ...

Responsive scroll menu system providing ideal solution for vertical navigation on pc and mobile devices.It connects html id attribute on page with menu, so menu knows where user is on ...

A fixed header that will animate its size on scroll. The inner elements will also adjust their size with a transition.Once a certain amount of the page gets scrolled, the ...

In this tutorial article, let’s create simple “Tweet to Unlock” feature for your web page using jQuery Ajax and PHP. Events are triggered when user successfully tweets the page, to ...

Thanks to the flexibility of Twitter Bootstrap, you’re not in any way limited only to the framework’s default container and grid styles. It can actually be quite easy to introduce ...

A light weight jQuery plugin that is a must have for any developer to easily create modal windows. Put focus on important elements by applying a mask to your page ...

slideToucher, touch enabled jQuery plugin for content swiping. Supports vertical and horizontal swipes.

A jQuery plugin which added the hidden panel to the 4 position of the browser corner. You can use it to display a image gallery or video showcase. Features: Support ...

SpriteClip.js is a jQuery plugin that makes it easy to make snazzy frame-by-frame animations like this by emulating the functionality of the MovieClip class in ActionScript 3.0. It works by ...

JavaScript GIF encoder that runs in your browser.Uses typed arrays and web workers to render each frame in the background, it’s really fast!

A custom select / multiselect for @twitter bootstrap using button dropdown, designed to behave like regular Bootstrap selects.

A jQuery plugin for cross browser number inputs.Stepper adds support for number input fields, allowing values to be incrementally adjusted.

A comprehensive path-finding library for grid based games.The aim of this project is to provide a path-finding library that can be easily incorporated into web games. It may run on ...

Showroom Slider is a powerful jQuery plugin that allows you to create sliders containing plane and box elements with tons of animation options to choose from. It uses a syntax ...

mySlide is a jquery plugin that will create a slideshow on your website using images from a particular google plus album. All you have to do is specify that google ...

Today I am going to share  facebook style url expanding videos using jQuery & PHP. This script will take Youtube, Vimeo, SoundCloud, Metacafe, & Dailymotion video url as input and it ...

Elegant way of product filtering and categorization. Easily editable json driven structure with smooth effects and visualisation. Features: Json driven readable database Full screen or limited usage Includes two themes ...

Now you can show your business feeds / news / simple notifications on your website with Tumbax plugin. All you need to do is, have you business updates in your ...

A plugin for moving-map search, like on Yelp or Airbnb. Built with jQuery and Leaflet. jQuery Birdseye is a plugin for replicating the “search in map” functionality of Yelp/Airbnb/Google using ...

Resizable table columns for jQuery. Grab the column headers and drag em!.To save column sizes on page reload (or js re-rendering), just pass a function that responds to get and ...

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