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
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
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.
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
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.
Shr : Customizable Sharing Buttons
Simple, clean, customizable sharing buttons.
- Accessible – built right, using progressive enhancement.
- Lightweight – just 1.9KB minified and gzipped.
- Customisable – make the buttons and count look how you want with the markup you want.
- Semantic – uses the right elements. There’s no
<span>as button type hacks. - Fast – uses local storage to cache results to keep things fast.
- No dependencies – written in vanilla JavaScript, no jQuery required.