Best jQuery Other API Plugins & Tutorials with Demo

    Reddit Image Browser with jQuery & Html5

    Reddit Image Browser with jQuery & Html5

    Reddit Image Browser is a client-side image browser for Reddit. The application uses jQuery to fetch and process unauthenticated JSONP. Some rendering is done with D3.js with the eventual goal of creating richer visualizations and user interactivity. HTML 5 Local Storage is used to maintain state.

    Features:

    • Runs entirely in your browser.
    • Identifies post type (i.e. NSFW, videos, self) and displays content in an appropriate format.
    • Infinite scrolling with automatic asynchronous loading.
    • Hotkeys, such as j to go to next post and c to open comments page, enable fast browsing.
    • Your subreddit selections persist across sessions via HTML 5 Local Storage.
    • Local Storage support for IE provided by Remy Sharp’s storage polyfill.
    • Retries on load error.

    myCharts : jQuery Items with a rank on your website – uses G+ albums

    myCharts : jQuery Items with a rank on your website - uses G+ albums

    myChart is a jquery plugin that creates a ranking list on your webpage using images and data from a particular google plus album. All you have to do is specify that google album in your javascript. Each image is treated as an item (Ex: a movie or song etc.). The data for each item such as rank, title, a link etc. is stored in the caption text field of that image in your google albums.

    Using this plugin you can display a list of items ie. songs, movies, apps or your products in a ranked fashion. The plugin is fully responsive; works on mobile devices, tablets etc.

    Responsive Tumblr Feeds on your website with jQuery

    Responsive Tumblr Feeds on your website with jQuery

    We are introducing our new tool, Cloudsmith, which will automate the way you customize our plugins. The tool will display a configuration panel, that will have all the config options regarding the plugin. Once you are done with the customizations, just click the “Get Code” button to get your config code in place.

    Currently we are in the process of rolling out our plugins in the Cloudsmith tool. We introduce the plugin for “Tumblr Feeds” with Cloudsmith. This plugin will display feeds from your tumblr account on to your webpage. The plugin is totally responsive, works on all major browsers and fully customizable.

    Ultimate Google Web Fonts – code generator

    Ultimate Google Web Fonts - code generator

    Ultimate Google Web Fonts code generator is a tool that allows you to instantly access all of Google’s open source web fonts, preview and generate code to use them with any website, regarding of technology used (PHP, Joomla, Magento, ROR, pure HTML, ASP.net, etc). List of available fonts is updated from Google automatically, and currently there are more than 650 fonts to choose from.

    With its unique system for previewing fonts on any website, it is fun and easy to use. You can take full control over typography in your site in a matter of minutes.

    Features:

    • Live, instant preview of any Google Web font with any site
    • Top-notch performance: only 1 css file and one style block for any number of fonts added
    • Supports all available font variants (e.g. light, bold, italic, black, etc.)
    • Allows additional custom CSS for each font (e.g. red color, etc.)
    • Ajaxed, easy interface
    • Loads a list of fonts automatically

    Easiest Way to Retrieve Twitter Timeline with PHP & jQuery

    Easiest Way to Retrieve Twitter Timeline with PHP & jQuery

    Twitter terminated its old API, and all of our Twitter tutorials have stopped working! So, here is a follow up to show you how easy is it to retrieve user timeline and hashtag with Twitter REST API 1.1. Of course, I don’t just stop there. I integrated my previously written script and modified it to work with Grid-A-Licious plugin to create something that’s similar with Pinterest.

    Pongstagr.am : jQuery plugin that display instagram photos to website

    Pongstagr.am : jQuery plugin that display instagram photos to website

    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 server, script, or program with a specific application. However, some requests require authentication – specifically requests made on behalf of a user. Authenticated requests require an access_token. These tokens are unique to a user and should be stored securely. Access tokens may expire at any time in the future.

    Simple Instagram VIDEO with jQuery & HTML5

    Simple Instagram VIDEO with jQuery & HTML5

    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 as much as we do because we’ve designed it to be as beautiful as it is useful. Give it a try, have some fun, and share you moments with the world!

    Features:

    • Superior Codebase – Built on our amazingly bulletproof framework
    • Responsive Design – Fully mobile-ready design adapts to any device.
    • Fullscreen Video – Enjoy your videos fully regardless of the device.
    • Advanced Video Thumbnail Gallery Mode – Share your best Instagram videos with our clean thumbnail gallery.
    • Premium Video Playlist Gallery Mode – Display your videos with our unique playlist style video player.
    • Popular Instagram Feed Mode – This feed mode pulls in the photos from the Instagram popular feed.
    • Tag Instagram Feed Mode – This feed mode allows you to specify a tag to search from the Instagram API.
    • User Instagram Feed Mode – This feed mode allows you to specify a user id to pull in photos from a specific user.
    • Multiuser Instagram Feed Mode – This feed mode allows you to specify multiple user id’s to pull in photos from specific users. Note, this feature does NOT allow load more functionality.
    • Liked Instagram Feed Mode – Display photos and videos that you’ve liked all accross the Instagram API.

    jQuery Plugin for the IndexedDB API

    jQuery Plugin for the IndexedDB API

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

    • Don’t worry out browser differences ( setVersion/onupgradeneeded ).
    • Use Jquery promises in place of requests
    • Supports chaining, less verbose syntax

    IndexedBD is not supported on all browsers . You can use the IndexedDB polyfill over WebSQL to get the plugin working on Opera, Safari, iPad, iPhone, etc.

    tweetbars : Display latest tweets with jQuery & Handlebars.js

    tweetbars : Display latest tweets with jQuery & Handlebars.js

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

    jQuery Facebook Wall

    jQuery Facebook Wall

    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, photos, and albums. It also includes a Facebook style lightbox to browse photo galleries. And best of all, it has user interactions so photos, posts, and comments can be liked or commented on.