PhotoFlip : jQuery plugin to dynamically change the Background Image

PhotoFlip : jQuery plugin to dynamically change the Background Image

A jquery plugin that allows you to dynamically change the background Image of a container or div.

An Infinite Scroll jQuery plugin : Yofinity

An Infinite Scroll jQuery plugin : Yofinity

Yofinity is an infinite scroll jQuery plugin.

Mp-Mansory.js : jQuery Mansory Gallery using Bootstrap

Mp-Mansory.js : jQuery Mansory Gallery using Bootstrap

jQuery plugin to create mansory galleries using bootstrap grid-system.

ImageLinks : jQuery Interactive Image

ImageLinks : jQuery Interactive Image

ImageLinks is a lightweight solution for creation interactive images. With this plugin you are able to easily make an interactive image for your site that empowers publishers and bloggers to create more engaging content by adding rich media links to photos.

  • 2 Predefined Themes – included 2 skins (default & dark), you can create your own theme containing custom colors, fonts, and effects by starting with a built-in themes and changing its settings
  • CSS3 Animations – over 100+ CSS3 animations are available to give some stunning effects
  • Build with LESS – LESS and CSS files included
  • Cross-Browser – supports for all major browsers, including touch-screen devices and mobile devices

Preview Image before upload it with jQuery & HTML5

Preview Image before upload it with jQuery & HTML5

Here this article explains how to preview an image before uploading on the server side in jQuery. Let’s suppose you have an application where the user uploads bulk photo and then the users want to upload only some selected photo, in this case, we as a developer don’t want to upload all images photos on the server. As this effect on server load cost effect etc.
So using HTML 5 FileReader() we can able to preview the image before upload it in jQuery.

Isometric and 3D Grids with CSS3

Isometric and 3D Grids with CSS3

Today we’d like to share some isometric grid styles with you. The inspiration comes from the Hotchkiss website where an isometric, scrollable grid is shown with some cool hover effects. In our first experiment we created a scrollable grid just like the one seen on that site, with some hover effects that involve random rotations. The second demo shows some ideas for “static” grids that are not scrollable but that serve more kind of a decorative purpose.

TypeWriting.js : JavaScript Library for Typewriter Effect

TypeWriting.js : JavaScript Library for Typewriter Effect

Typewriting js is a javascript library that make the typewriter effect.

BRINGINS : jQuery Animated Page Plugin

BRINGINS : jQuery Animated Page Plugin

bringins is a jQuery plugin to show contents on a webpage as an animated page. These page will be positioned ‘fixed’ with scrollable data. You can have your custom CSS content to appear in the bringins pages. This plugin allows you to choose from three intoduction animations for the page whether to animate the page on the left, right or center of the webpage. The plugin also provides options to specify the color of the page, width, z-index, margin and color of the close button for the page.

jQuery: Calculate sum of all textbox values in a Table Column

jQuery: Calculate sum of all textbox values in a Table Column

This article explains how to calculate the total of all textboxes values in a table column. Inshort on text change event, we calculate the sum of all input values entered in the table column, i.e., whenever the user enters any values or modifies the value to any of the given textbox will calculate and display the total sum of it.

Animated CSS3 Input Checkbox with Checkbox.css

Animated CSS3 Input Checkbox with Checkbox.css

A tiny set of CSS3 animations for your input checkboxes.