Switchable : jQuery iPhone Style Switch Buttons

Switchable : jQuery iPhone Style Switch Buttons

Switchable  is a replaces checkbox by beautiful iphone style switch buttons.

Convert HTML to Image in jQuery

Convert HTML to Image in jQuery

This article explains how to convert div to an image in jquery. Yes, we are going to generate an image from our HTML page on client-side using jQuery. We can also convert a particular part of our Webpage (Asp.net C# Web project/ PHP). All we need HTML tag, and using html2canvas js library we can create images .i.e converting HTML table to Image PNG, JPG or converting DIV, UL, LI tag into Jpg image format.

jQuery Slim, Image Upload and Ratio Cropping Plugin

jQuery Slim, Image Upload and Ratio Cropping Plugin

Modern cross platform responsive image cropping and uploading. Slim features beautiful animations and graphics. Configuration and implementation are a walk in the park.

Features:

  • Responsive and Beautifully Animated
  • Compatible with both Bootstrap and Foundation
  • Super Fast
  • Able to auto crop and resize imagery
  • Capable of Correcting Device Orientation problems
  • Setup to upload via AJAX or Form POST
  • A Treat for the Eyes

HTMLfromRSS.js : Html feed from RSS Feed

HTMLfromRSS.js : Html feed from RSS Feed

HTMLfromRSS.js is a jQuery plugin for mutiple html feed from rss feed.

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.